.xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#ff8000 !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af !important;box-shadow:#178fe5 0 1px 3px 0 inset !important;color:#fff !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)}
/*!
 * jQuery UI Datepicker 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.jq-schedule * {
  box-sizing: border-box; }

.jq-schedule .sc_wrapper:after,
.jq-schedule .sc_menu:after {
  content: "";
  display: table;
  clear: both; }

.jq-schedule .sc_menu {
  width: 100%;
  height: 26px; }
  .jq-schedule .sc_menu .sc_header_cell {
    float: left; }
  .jq-schedule .sc_menu .sc_header {
    float: left;
    height: 26px;
    position: relative;
    overflow: hidden; }
    .jq-schedule .sc_menu .sc_header .sc_time {
      text-align: center;
      border-left: solid 1px #fff;
      background: #555; }

.jq-schedule .sc_menu .sc_header_cell,
.jq-schedule .sc_data {
  float: left;
  font-weight: bold;
  color: #fff;
  background: #555;
  position: relative; }

.jq-schedule .sc_menu .sc_header_scroll,
.jq-schedule .sc_data .sc_data_scroll {
  position: absolute;
  left: 0;
  top: 0; }

.jq-schedule .sc_menu .sc_header_cell,
.jq-schedule .sc_header .sc_time,
.jq-schedule .sc_main_scroll .sc_time {
  color: #fff;
  padding: 0;
  line-height: 26px;
  height: 26px;
  display: block; }

.jq-schedule .sc_header .sc_time,
.jq-schedule .sc_main_scroll .sc_time {
  float: left; }

.jq-schedule .sc_main_box,
.jq-schedule .sc_data {
  max-height: 500px;
  overflow: hidden; }

.jq-schedule .sc_main_box {
  float: left;
  overflow-x: auto;
  overflow-y: auto; }

.jq-schedule .sc_main {
  position: relative; }

.jq-schedule .timeline {
  position: relative; }

.jq-schedule .ui-draggable-dragging,
.jq-schedule .ui-resizeable {
  z-index: 20; }

.jq-schedule .sc_bar {
  position: absolute;
  color: #fff;
  background: #4f93d6;
  cursor: pointer;
  z-index: 10; }
  .jq-schedule .sc_bar .head {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    padding: 0 14px;
    height: 1.2em;
    overflow: hidden; }
  .jq-schedule .sc_bar .text {
    display: block;
    margin-top: 6px;
    font-weight: bold;
    padding: 0 14px;
    height: 1.2em;
    overflow: hidden; }
  .jq-schedule .sc_bar .ui-resizable-handle {
    display: block;
    content: ' ';
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    width: 5px;
    background: #2e7ac4; }
    .jq-schedule .sc_bar .ui-resizable-handle.ui-resizable-e {
      right: 0; }
    .jq-schedule .sc_bar .ui-resizable-handle.ui-resizable-w {
      left: 0; }

.jq-schedule .timeline,
.jq-schedule .sc_main .tb {
  border-bottom: solid 2px #666; }

.jq-schedule .sc_data .timeline {
  overflow: hidden;
  padding: 10px; }
  .jq-schedule .sc_data .timeline span {
    display: block; }
    .jq-schedule .sc_data .timeline span.timeline-subtitle {
      font-size: 0.8em;
      color: #cccccc; }

.jq-schedule .sc_main_scroll .sc_main .tl {
  float: left;
  height: 100%;
  border-right: solid 1px #ccc; }
  .jq-schedule .sc_main_scroll .sc_main .tl:hover {
    background: #f0f0f0; }

.jq-schedule .ui-state-disabled {
  opacity: 1; }
  .jq-schedule .ui-state-disabled .ui-resizable-handle {
    display: none; }
    .jq-schedule .ui-state-disabled .ui-resizable-handle:hover {
      cursor: auto; }

.jq-schedule .ui-draggable-disabled {
  opacity: 0.8; }
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
/*!
 * FullCalendar v3.9.0
 * Docs & License: https://fullcalendar.io/
 * (c) 2018 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left; }

.fc-rtl {
  text-align: right; }

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em; }

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3; }

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3; }

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7; }

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer; }

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0; }

.fc-state-default {
  /* non-theme */
  border: 1px solid; }

.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle; }

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6; }

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  transition: background-position 0.1s linear; }

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  box-shadow: none; }

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block; }

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px; }

.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px; }

.fc-popover .fc-header .fc-title {
  margin: 0 2px; }

.fc-popover .fc-header .fc-close {
  cursor: pointer; }

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left; }

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right; }

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px; }

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0; }

.fc-clear {
  clear: both; }

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */ }

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */ }

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */ }

.fc th {
  text-align: center; }

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top; }

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */ }

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer; }

a[data-goto]:hover {
  text-decoration: underline; }

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0; }

.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent; }

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */ }

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative; }

.fc-row .fc-bg {
  z-index: 1; }

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent; }

.fc-row .fc-bgevent-skeleton {
  z-index: 2; }

.fc-row .fc-highlight-skeleton {
  z-index: 3; }

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */ }

.fc-row .fc-helper-skeleton {
  z-index: 5; }

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  /* extra precedence to prevent theme-provided backgrounds */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent; }

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* don't put a border between events and/or the day number */
  border-bottom: 0; }

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0; }

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch; }

/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */ }

.fc-event,
.fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */ }

.fc-event,
.fc-event:hover {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */ }

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */ }

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed; }

.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: .25; }

.fc-event .fc-content {
  position: relative;
  z-index: 2; }

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4; }

/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none; }

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block; }

/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px; }

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0; }

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */ }

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */ }

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */ }

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px; }

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */ }

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */ }

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px; }

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */ }

.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25; }

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden; }

.fc-day-grid-event .fc-time {
  font-weight: bold; }

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */ }

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */ }

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none; }

a.fc-more:hover {
  text-decoration: underline; }

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none; }

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */ }

.fc-more-popover {
  z-index: 2;
  width: 220px; }

.fc-more-popover .fc-event-container {
  padding: 10px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red; }

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; }

/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd; }

.fc-unthemed .fc-popover {
  background-color: #fff; }

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666; }

.fc-unthemed td.fc-today {
  background: #fcf8e3; }

.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: .3; }

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*
Acceptable font-family overrides for individual icons:
  "Arial", sans-serif
  "Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative; }

.fc-icon-left-single-arrow:after {
  content: "\2039";
  font-weight: bold;
  font-size: 200%;
  top: -7%; }

.fc-icon-right-single-arrow:after {
  content: "\203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%; }

.fc-icon-left-double-arrow:after {
  content: "\AB";
  font-size: 160%;
  top: -7%; }

.fc-icon-right-double-arrow:after {
  content: "\BB";
  font-size: 160%;
  top: -7%; }

.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%; }

.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%; }

.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%; }

.fc-icon-x:after {
  content: "\D7";
  font-size: 200%;
  top: 6%; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px; }

/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5; }

/* Colors
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-disabled-day {
  background-image: none; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-event {
  /* overpower jqui's styles on <a> tags. TODO: more DRY */
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
  /* undo ui-widget-header bold */
  font-weight: normal; }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome bold */ }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats .ui-widget-content {
  background: none;
  /* see through to fc-bg */ }

.fc.fc-bootstrap3 a {
  text-decoration: none; }

.fc.fc-bootstrap3 a[data-goto]:hover {
  text-decoration: underline; }

.fc-bootstrap3 hr.fc-divider {
  border-color: inherit; }

.fc-bootstrap3 .fc-today.alert {
  border-radius: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-popover .panel-body {
  padding: 0; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-time-grid .fc-slats table {
  /* some themes have background color. see through to slats */
  background: none; }

.fc.fc-bootstrap4 a {
  text-decoration: none; }

.fc.fc-bootstrap4 a[data-goto]:hover {
  text-decoration: underline; }

.fc-bootstrap4 hr.fc-divider {
  border-color: inherit; }

.fc-bootstrap4 .fc-today.alert {
  border-radius: 0; }

.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
  color: #fff; }

.fc-bootstrap4 .fc-popover.card {
  position: absolute; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-popover .card-body {
  padding: 0; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-time-grid .fc-slats table {
  /* some themes have background color. see through to slats */
  background: none; }

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center; }

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em; }

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em; }

.fc-toolbar .fc-left {
  float: left; }

.fc-toolbar .fc-right {
  float: right; }

.fc-toolbar .fc-center {
  display: inline-block; }

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em; }

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0; }

/* title text */
.fc-toolbar h2 {
  margin: 0; }

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative; }

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2; }

.fc-toolbar .fc-state-down {
  z-index: 3; }

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4; }

.fc-toolbar button:focus {
  z-index: 5; }

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  box-sizing: content-box; }

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1; }

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */ }

.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */ }

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden; }

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3; }

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 2px; }

.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */ }

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right; }

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left; }

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0; }

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px; }

.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080; }

/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
  text-align: center; }

.fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em; }

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */ }

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */ }

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */ }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap; }

.fc-ltr .fc-axis {
  text-align: right; }

.fc-rtl .fc-axis {
  text-align: left; }

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1; }

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */ }

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent; }

.fc-time-grid > .fc-bg {
  z-index: 1; }

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */ }

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0; }

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1; }

.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3; }

.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4; }

.fc-time-grid .fc-now-indicator-line {
  z-index: 5; }

.fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */ }

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted; }

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */ }

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */ }

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px; }

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%; }

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */ }

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0; }

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */ }

.fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible; }

.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */ }

.fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */ }

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px; }

.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap; }

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap; }

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top; }

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */ }

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */ }

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\A0-\A0";
  /* seperate with a dash, wrapped in nbsp's */ }

.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */ }

/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize; }

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "="; }

/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0; }

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */ }

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent; }

/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px; }

/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */ }

.fc-list-view {
  border-width: 1px;
  border-style: solid; }

/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */ }

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px; }

.fc-list-table tr:first-child td {
  border-top-width: 0; }

/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px; }

.fc-list-heading td {
  font-weight: bold; }

.fc-ltr .fc-list-heading-main {
  float: left; }

.fc-ltr .fc-list-heading-alt {
  float: right; }

.fc-rtl .fc-list-heading-main {
  float: right; }

.fc-rtl .fc-list-heading-alt {
  float: left; }

/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */ }

.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px; }

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0; }

.fc-rtl .fc-list-item-marker {
  padding-left: 0; }

.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit; }

.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline; }

/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table; }

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee; }
.qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:#000;position:absolute;width:15.625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:9001;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid grey;border-radius:.263921875em;overflow:hidden;background:#fff;-webkit-box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3);box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3)}.qs-datepicker-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.75);color:#fff;width:100%;height:100%;padding:.5em;z-index:1;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{background:rgba(0,0,0,0);border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-size:.875em;padding:.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid #fff;border-radius:.263921875em;padding:.5em;margin:0 auto auto;cursor:pointer;background:hsla(0,0%,50.2%,.4)}.qs-overlay .qs-submit.qs-disabled{color:grey;border-color:grey;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.qs-overlay .qs-overlay-month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% / 3);cursor:pointer;opacity:.5;-webkit-transition:opacity .15s;transition:opacity .15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;background:#d3d3d3;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s;transition:filter .3s,-webkit-filter .3s}.qs-controls.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:.263921875em;-webkit-transition:background .15s;transition:background .15s}.qs-arrow:hover{background:rgba(0,0,0,.1)}.qs-arrow:hover.qs-left:after{border-right-color:#000}.qs-arrow:hover.qs-right:after{border-left-color:#000}.qs-arrow:after{content:"";border:.390625em solid rgba(0,0,0,0);position:absolute;top:50%;-webkit-transition:border .2s;transition:border .2s}.qs-arrow.qs-left:after{border-right-color:grey;right:50%;-webkit-transform:translate(25%,-50%);-ms-transform:translate(25%,-50%);transform:translate(25%,-50%)}.qs-arrow.qs-right:after{border-left-color:grey;left:50%;-webkit-transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}.qs-month-year{font-weight:700;-webkit-transition:border .2s;transition:border .2s;border-bottom:1px solid rgba(0,0,0,0);cursor:pointer}.qs-month-year:hover{border-bottom:1px solid grey}.qs-month-year:active:focus,.qs-month-year:focus{outline:none}.qs-month{padding-right:.5ex}.qs-year{padding-left:.5ex}.qs-squares{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.3125em;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s;transition:filter .3s,-webkit-filter .3s}.qs-squares.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-square{width:calc(100% / 7);height:1.5625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .1s;transition:background .1s;border-radius:.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:700;text-decoration:underline}.qs-active,.qs-range-end,.qs-range-start{background:#add8e6}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-end:not(.qs-range-0),.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:.2}.qs-disabled{cursor:not-allowed}.qs-day,.qs-empty{cursor:default}.qs-day{font-weight:700;color:grey}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:.46875em;height:.46875em;border-radius:50%;background:#07f;bottom:0;right:0}
@-webkit-keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}

@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}

.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: auto;
  border-radius: 5px;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, .7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  -webkit-animation: scroll-hint-appear 1.2s linear;
          animation: scroll-hint-appear 1.2s linear;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}



.scroll-hint-shadow-wrap {
  position: relative;
}

.scroll-hint-shadow-wrap::after {
  content: "";
  width: 20px;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}

.scroll-hint-shadow-wrap::before {
  content: "";
  width: 20px;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}

.scroll-hint-shadow-wrap:has(.scroll-hint.is-right-scrollable)::after,
.scroll-hint-shadow-wrap.is-right-scrollable::after
 {
  opacity: 1;
  visibility: visible;
}

.scroll-hint-shadow-wrap:has(.scroll-hint.is-left-scrollable)::before,
.scroll-hint-shadow-wrap.is-left-scrollable::before
 {
  opacity: 1;
  visibility: visible;
}@charset "UTF-8";

.w1p {
  width: 1% !important;
}

.w2p {
  width: 2% !important;
}

.w3p {
  width: 3% !important;
}

.w4p {
  width: 4% !important;
}

.w5p {
  width: 5% !important;
}

.w6p {
  width: 6% !important;
}

.w7p {
  width: 7% !important;
}

.w8p {
  width: 8% !important;
}

.w9p {
  width: 9% !important;
}

.w10p {
  width: 10% !important;
}

.w11p {
  width: 11% !important;
}

.w12p {
  width: 12% !important;
}

.w13p {
  width: 13% !important;
}

.w14p {
  width: 14% !important;
}

.w15p {
  width: 15% !important;
}

.w16p {
  width: 16% !important;
}

.w17p {
  width: 17% !important;
}

.w18p {
  width: 18% !important;
}

.w19p {
  width: 19% !important;
}

.w20p {
  width: 20% !important;
}

.w21p {
  width: 21% !important;
}

.w22p {
  width: 22% !important;
}

.w23p {
  width: 23% !important;
}

.w24p {
  width: 24% !important;
}

.w25p {
  width: 25% !important;
}

.w26p {
  width: 26% !important;
}

.w27p {
  width: 27% !important;
}

.w28p {
  width: 28% !important;
}

.w29p {
  width: 29% !important;
}

.w30p {
  width: 30% !important;
}

.w31p {
  width: 31% !important;
}

.w32p {
  width: 32% !important;
}

.w33p {
  width: 33% !important;
}

.w34p {
  width: 34% !important;
}

.w35p {
  width: 35% !important;
}

.w36p {
  width: 36% !important;
}

.w37p {
  width: 37% !important;
}

.w38p {
  width: 38% !important;
}

.w39p {
  width: 39% !important;
}

.w40p {
  width: 40% !important;
}

.w41p {
  width: 41% !important;
}

.w42p {
  width: 42% !important;
}

.w43p {
  width: 43% !important;
}

.w44p {
  width: 44% !important;
}

.w45p {
  width: 45% !important;
}

.w46p {
  width: 46% !important;
}

.w47p {
  width: 47% !important;
}

.w48p {
  width: 48% !important;
}

.w49p {
  width: 49% !important;
}

.w50p {
  width: 50% !important;
}

.w51p {
  width: 51% !important;
}

.w52p {
  width: 52% !important;
}

.w53p {
  width: 53% !important;
}

.w54p {
  width: 54% !important;
}

.w55p {
  width: 55% !important;
}

.w56p {
  width: 56% !important;
}

.w57p {
  width: 57% !important;
}

.w58p {
  width: 58% !important;
}

.w59p {
  width: 59% !important;
}

.w60p {
  width: 60% !important;
}

.w61p {
  width: 61% !important;
}

.w62p {
  width: 62% !important;
}

.w63p {
  width: 63% !important;
}

.w64p {
  width: 64% !important;
}

.w65p {
  width: 65% !important;
}

.w66p {
  width: 66% !important;
}

.w67p {
  width: 67% !important;
}

.w68p {
  width: 68% !important;
}

.w69p {
  width: 69% !important;
}

.w70p {
  width: 70% !important;
}

.w71p {
  width: 71% !important;
}

.w72p {
  width: 72% !important;
}

.w73p {
  width: 73% !important;
}

.w74p {
  width: 74% !important;
}

.w75p {
  width: 75% !important;
}

.w76p {
  width: 76% !important;
}

.w77p {
  width: 77% !important;
}

.w78p {
  width: 78% !important;
}

.w79p {
  width: 79% !important;
}

.w80p {
  width: 80% !important;
}

.w81p {
  width: 81% !important;
}

.w82p {
  width: 82% !important;
}

.w83p {
  width: 83% !important;
}

.w84p {
  width: 84% !important;
}

.w85p {
  width: 85% !important;
}

.w86p {
  width: 86% !important;
}

.w87p {
  width: 87% !important;
}

.w88p {
  width: 88% !important;
}

.w89p {
  width: 89% !important;
}

.w90p {
  width: 90% !important;
}

.w91p {
  width: 91% !important;
}

.w92p {
  width: 92% !important;
}

.w93p {
  width: 93% !important;
}

.w94p {
  width: 94% !important;
}

.w95p {
  width: 95% !important;
}

.w96p {
  width: 96% !important;
}

.w97p {
  width: 97% !important;
}

.w98p {
  width: 98% !important;
}

.w99p {
  width: 99% !important;
}

.w100p {
  width: 100% !important;
}

.bg-cate01:before {
  background-color: #FFF;
}

.bg-cate02:before {
  background-color: #F39B97;
}

.bg-cate03:before {
  background-color: #3EBCFF;
}

.bg-cate04:before {
  background-color: #C7A3FF;
}

.bg-cate05:before {
  background-color: #71BE49;
}

.bg-cate06:before {
  background-color: #F3C050;
}

.bg-cate07:before {
  background-color: #C7C7C7;
}

.bg-cate10:before {
  background-color: #4A5ED5;
}

.bg-cate11:before {
  background-color: #ff6600;
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: rgb(30, 30, 30);
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide::before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
          animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */

.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* Buttons */

.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

/* Fix IE11 */

.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}

.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
  -webkit-animation: fancybox-rotate 1s linear infinite;
          animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}

/* Transition effects */

.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */

@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }

  .fancybox-slide--image {
    padding: 6px 0;
  }

  .fancybox-close-small {
    right: -6px;
  }

  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }

  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }

@supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
    }
}
}

/* Share */

.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

/* Thumbs */

.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */

@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }

  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}

.form-control {
  background-color: #F7F8FA;
  height: 4rem;
}

.form-control:focus,
.form-control.focus {
  border-color: #00148A;
  background-color: #F7F8FA;
  box-shadow: none;
}

.form-control.error {
  border-color: #DB2564;
}

.form-control[disabled=disabled],
.form-control.disabled {
  opacity: 0.3;
  pointer-events: none;
}

.form-control::-moz-placeholder {
  color: #ACACAC;
}

.form-control:-ms-input-placeholder {
  color: #ACACAC;
}

.form-control::-ms-input-placeholder {
  color: #ACACAC;
}

.form-control::placeholder {
  color: #ACACAC;
}

.txt-error {
  color: #DB2564;
  font-weight: bold;
  margin-top: 7px;
  display: inline-block;
}

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.form-control::-ms-expand {
  display: none;
}

.searchWrap {
  display: inline-block;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #4A5ED5;
}

.groupInput {
  padding: 10px;
  background-color: rgba(74, 94, 213, 0.07);
  border-radius: 4px;
}

.groupInput .ttl {
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: bold;
  color: #27286B;
}

.box-select {
  position: relative;
  display: inline-block;
}

.box-select:after {
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.6rem 0.4rem 0 0.4rem;
  border-color: #4D4D4D transparent transparent transparent;
  content: "";
}

.box-select select {
  padding-right: 3rem;
}

.box-select.clear {
  margin-right: 4rem;
}

.box-select.select2 * {
  outline: 0;
}

.box-select.select2 .select2-container--default .select2-selection--single {
  background-color: #F7F8FA;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  height: 4rem;
  width: 100%;
}

.box-select.select2 .select2-selection__placeholder {
  color: #ACACAC;
}

.box-select.select2 .select2-selection__rendered {
  align-items: center;
  color: #495057;
  display: flex !important;
  height: 100%;
  width: 100%;
}

.box-select.select2 .select2-selection__arrow {
  top: 6px !important;
  right: 6px !important;
}

.box-select.select2::after {
  display: none;
}

.box-select input[type=time]::-webkit-calendar-picker-indicator {
  background: none;
}

.box-select input[type=time] {
  position: relative;
  width: 100%;
  background: #FFF url(/img/svg/icon_time.svg) no-repeat center right 6px;
  background-size: 14px;
  border: 1px solid #8f8f9d;
  outline: none;
  z-index: 1;
}

.icon-clear {
  cursor: pointer;
}

label {
  margin-bottom: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  outline: 0 !important;
}

.btn {
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #5E6A77;
  background-color: #E9F0F8;
  font-weight: bold;
  padding: 1.1rem 1.5rem;
  font-size: 1.8rem;
  min-width: 13.5rem;
  transition: 0.3s;
  border-radius: 0.4rem;
}

.btn.bgGray {
  background-color: #DCE2E8;
}

.btn.btn-large {
  padding: 1.4rem 1.5rem;
  font-size: 2rem;
  min-width: 26rem;
}

.btn.btn-small {
  padding: 0.8rem 1.5rem;
  font-size: 1.3rem;
  min-width: 0;
}

.btn.btn-gray {
  background-color: #D6D6D6;
}

.btn.btn-print {
  background: #E9F0F8 url(/img/svg/icon_print.svg) no-repeat 9px 50%;
  padding-left: 30px;
}

.btn.btn-primary {
  color: #FFF;
  background-color: #4A5ED5;
}

.btn.btn-primary:hover {
  color: #FFF;
}

.btn.btn-red {
  color: #FFF;
  background-color: #E3342F;
}

.btn.btn-red:hover {
  color: #FFF;
}

.btn.btn-blue {
  background-color: #363499 !important;
}

.btn.btn-blue.style01 {
  min-width: 375px;
  font-size: 1.8rem;
  min-width: 375px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.btn.btn-user-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: url(/img/svg/icon_arrow_next.svg) no-repeat right 20px top 50%, linear-gradient(to right bottom, #2CB2AA, #338FA9) !important;
  padding-right: 40px;
  color: #FFF;
  min-width: 330px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.btn.btn-user-menu:hover {
  color: #FFF;
}

@media only screen and (max-width: 767.98px) {
  .btn.btn-user-menu {
    min-width: auto;
    font-size: 1.5rem;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.btn.btn-user-menu span {
  display: block;
  font-size: 1.2rem;
}

@media only screen and (max-width: 767.98px) {
  .btn.btn-user-menu span {
    font-size: 1rem;
  }
}

.btn.btn-gray {
  background-color: #85858B !important;
  color: #FFF;
}

.btn.btn-gray:hover {
  color: #FFF;
}

.btn.btn-user-menu-white {
  background: #FFF url(/img/svg/icon_arrow_next_blue.svg) no-repeat right 20px top 50% !important;
  color: #282B99 !important;
}

.btn.btn-fade {
  opacity: 0.31;
}

.btn.btn-back {
  border-radius: 4px;
  background: #0E0E46 url(/img/svg/icon_arrow_prev.svg) no-repeat 15px 50%;
  color: #FFF;
  padding-left: 45px;
  padding-right: 20px;
}

.btn:hover {
  color: #5E6A77;
  opacity: 0.7;
}

.btn.disabled {
  opacity: 0.19;
}

.btn[disabled=disabled] {
  opacity: 0.65;
  pointer-events: none;
}

.btn.btn-outline-primary {
  background-color: #FFF;
  color: #4A5ED5;
  border: 0.1rem solid #4A5ED5;
}

.btn.btn-outline-danger {
  background-color: #FFF;
  color: #ED5A5A;
  border: 0.1rem solid #ED5A5A;
}

.btn.btn-caution {
  background-color: #E22768;
  color: #FFF;
}

.btn.btn-border {
  color: #44439A;
  background-color: #FFF;
  border: 1px solid #44439A;
}

.btn.btn-border:hover {
  color: #44439A;
}

.btn.btn-br-blue {
  background-color: #FFF;
  border: 1px solid #353396;
  color: #353396;
  font-size: 1.8rem;
  min-width: 375px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.btn.cursor-none {
  cursor: auto !important;
}

.btn.cursor-none:hover {
  opacity: 1;
}

.btn-add {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.7;
  display: inline-block;
  color: #4A5ED5;
  background: url(/img/svg/icon_add.svg) no-repeat 0% 50%;
  padding-left: 35px;
  border: 0;
}

.btn-add:hover {
  color: #4A5ED5;
  text-decoration: underline;
}

.btn-add:focus {
  outline: none;
}

.btn-remove {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  background: url(/img/svg/icon_x.svg) no-repeat 0% 50%;
  width: 21px;
  height: 21px;
  margin-left: 5px;
  border: 0;
}

.btn-remove:hover {
  color: #4A5ED5;
  text-decoration: underline;
  cursor: pointer;
}

.btn-remove:focus {
  outline: none;
}

.btn-decrease,
.btn-increase {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  background: url(/img/svg/icon_decrease.svg) no-repeat 0% 50%;
  width: 25px;
  height: 25px;
  border: 0;
}

.btn-decrease:focus,
.btn-increase:focus {
  outline: none;
}

.btn-increase {
  background: url(/img/svg/icon_increase.svg) no-repeat 0% 50%;
}

.btn.btn-prev {
  background: #E9F0F8 url(/img/svg/icon_arrow_prev_gray.svg) no-repeat 20px 50%;
  padding-left: 40px;
}

.btn.btn-next {
  background: url(/img/svg/icon_arrow_next.svg) no-repeat right 20px top 50%;
  padding-right: 40px;
  background-color: #F4215A;
  color: #FFF;
}

.btn.btn-calendar,
.btn.btn-calendar01 {
  background-color: #000339;
  border-radius: 4px 0px 0px 4px;
  font-size: 2rem;
  font-weight: bold;
  color: #FFF;
  padding: 0.6rem 1.5rem;
  min-width: 92px;
}

.btn.btn-calendar01 {
  border-radius: 0px 4px 4px 0px;
  margin-left: -5px;
}

.btn.btn-calendar.active,
.btn.active.btn-calendar01 {
  background-color: #4A5ED5;
}

.btnUser {
  display: inline-block;
  min-width: 157px;
  background-color: #353396;
  color: #FFF;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 9px 25px;
  border-radius: 4px;
}

.btnUser img {
  margin-right: 10px;
}

.btnUser:hover {
  color: #FFF;
  text-decoration: none;
  opacity: 0.6;
  transition: 0.3s;
}

.btnUser.style01 {
  background-color: #FFF;
  color: #353396;
  border: 1px solid #353396;
}

@media only screen and (max-width: 991.98px) {
  .btnUser {
    min-width: 80px;
    font-size: 1.4rem;
    padding: 9px 15px;
  }
}

@media only screen and (max-width: 767.98px) {
  .btnUser {
    padding: 2px 9px;
  }
}

.btnUser01 {
  display: inline-block;
  border: 1px solid #000;
  border-radius: 4px;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 4px 10px;
  min-width: 100px;
  color: #000;
}

.btnUser01:hover {
  text-decoration: none;
}

.btnUser01.style01 {
  border-color: #818181;
  font-size: 1.2rem;
  color: #6F6F6F;
  min-width: auto;
  padding: 6px 11px;
}

.btnUser01.style02 {
  border-color: #353396;
  color: #000659;
  font-size: 1.6rem;
  border-radius: 0;
  padding: 17px 10px 16px;
  min-width: 166px;
  text-align: center;
  transition: background-color 0.3s;
  background-color: #FFF;
}

@media only screen and (min-width: 576px) {
  .btnUser01.style02:hover {
    background-color: #000659;
    color: #FFF;
  }
}

@media only screen and (max-width: 767.98px) {
  .btnUser01 {
    font-size: 1.3rem;
    padding: 2px 10px;
    min-width: 80px;
  }
}

.btn-qr {
  font-size: 1.2rem;
  font-weight: bold;
  color: #000;
  background-color: #E2E4EA;
  border-radius: 3px;
  padding: 7px;
  width: 175px;
  transition: 0.3s;
}

@media only screen and (min-width: 576px) {
  .btn-qr:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.6;
  }
}

.btn-group-center {
  text-align: center;
}

a.btnTop {
  display: inline-block;
  border: 1px solid #707070;
  border-radius: 5px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #27286B;
  padding: 6px 20px 10px 35px;
  background: url(/img/svg/icon_arrow_up.svg) no-repeat 15px 50%;
  margin-bottom: 30px;
}

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

.btn-close-modal {
  display: inline-block;
  cursor: pointer;
  transition: 0.3s;
}

.btn-close-modal:hover {
  opacity: 0.7;
}

.btn-multi .btn:not(:first-child) {
  margin-left: 1.2rem;
}

.btn-multi-large .btn:not(:first-child) {
  margin-left: 2rem;
}

.btn-multi-small .btn:not(:first-child) {
  margin-left: 0.8rem;
}

.btnProfile {
  display: block;
  border: 1px solid #363499;
  border-radius: 10px;
  padding: 0px 55px 0px 55px;
  text-align: center;
  background: #FFF url(/img/svg/icon_arrow_right.svg) no-repeat right 35px top 50%;
  text-decoration: none;
}

.btnProfile span {
  display: inline-block;
  font-size: 2.4rem;
  color: #363499;
  font-weight: bold;
  line-height: 1.5;
  background: url(/img/svg/icon_profile.svg) no-repeat 0% 50%;
  padding: 26px 0px 26px 60px;
}

@media only screen and (max-width: 767.98px) {
  .btnProfile {
    border-radius: 4px;
    padding: 0px 40px 0px 40px;
    background-position: right 25px top 50%;
    background-size: 10px auto;
  }

  .btnProfile span {
    font-size: 2rem;
    background: url(/img/svg/icon_profile.svg) no-repeat 0% 50%;
    padding: 19px 0px 19px 45px;
    background-size: 28px auto;
  }
}

.btnSchedule {
  position: absolute;
  padding: 5px 10px;
  min-width: 123px;
  display: inline-block;
  background-color: #353396;
  border-radius: 5px;
  text-align: center;
  color: #FFF;
  font-size: 1.4rem;
  font-weight: bold;
  top: 15px;
  right: 30px;
  cursor: pointer;
}

.btnSchedule span {
  padding-left: 20px;
  background: url(/img//svg/icon_calendar.svg) no-repeat 0% 50%;
}

.btnSchedule:hover {
  color: #FFF;
  text-decoration: none;
  opacity: 0.7;
}

@media only screen and (max-width: 767.98px) {
  .btnSchedule {
    padding: 5px;
    min-width: 70px;
    font-size: 1rem;
    top: 5px;
    right: 5px;
    height: 40px;
  }

  .btnSchedule span {
    padding-left: 0;
    background: url(/img//svg/icon_calendar.svg) no-repeat center 0/14px;
    padding-top: 17px;
    display: inline-block;
  }
}

#uploadPhoto {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.btn.btnDownload {
  border: 1px solid #353396;
  background-color: #FFF;
  color: #000659;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: none;
  padding-top: 6px;
  padding-bottom: 6px;
  min-width: 145px;
}

.toggle-button-001 .toggle-input {
  display: none;
}

.toggle-button-001 .toggle-label {
  position: relative;
  display: flex;
  width: 100px;
  height: 32px;
  border-radius: 50px;
  box-sizing: content-box;
  cursor: pointer;
  background-color: #f50a0a33;
}

.toggle-button-001 .toggle-label:after {
  display: flex;
  align-items: center;
  justify-content: center;
  content: "NG";
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  left: 5px;
  top: 0;
  background: #f50a0a;
  transition: 0.4s;
  font-family: inherit;
  font-weight: 600;
  font-size: 0.9em;
  color: #fff;
}

.toggle-button-001 .toggle-input:checked + .toggle-label {
  background-color: #097aec33;
}

.toggle-button-001 .toggle-input:checked + .toggle-label:after {
  content: "OK";
  left: 63px;
  background: #097aec;
}

.headline {
  transition: margin-left 0.3s;
}

.headlinePage {
  background-color: #000556;
  height: 70px;
  margin-bottom: 53px;
  position: relative;
  padding: 0;
  transition: margin-left 0.3s;
  min-width: 100vw;
}

.headlineArrow {
  background-color: #9BA0A7;
  border-radius: 3px;
  height: 46px;
  left: 22px;
  padding: 22px;
  opacity: 0;
  position: absolute;
  visibility: hidden;
  top: 7px;
  transition: opacity 0.3s, visibility 0.3s, opacity 0.3s;
  width: 62px;
}

.headlineArrow:hover {
  opacity: 0.75;
  cursor: pointer;
}

.headlineArrow::before,
.headlineArrow::after {
  background-color: #FFF;
  content: "";
  display: inline-block;
  height: 3px;
  left: 20px;
  position: absolute;
  top: 17px;
  transform: rotate(-30deg);
  width: 17px;
}

.headlineArrow::after {
  transform: rotate(30deg);
  top: 24px;
}

.headlineTxt,
.headline8,
.headline7 {
  color: #FFF;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 0;
}

.headlineCart {
  align-items: center;
  background-color: #F4215A;
  border-radius: 5px;
  display: inline-flex;
  height: 44px;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: 29px;
  top: 10px;
  transition: opacity 0.3s;
  visibility: hidden;
  width: 164px;
}

.headlineCart.active {
  opacity: 1;
  visibility: visible;
}

.headlineCart:hover {
  opacity: 0.75;
  text-decoration: none;
}

.headlineCart span {
  color: #FFF;
  display: inline-block;
  font-weight: bold;
  font-size: 2rem;
  margin: 0 24px 0 7px;
}

.headlineCart em {
  align-items: center;
  background-color: #FFF;
  border-radius: 50%;
  color: #171752;
  display: inline-flex;
  font-weight: bold;
  font-size: 1.6rem;
  font-style: normal;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.headline1 {
  font-size: 2rem;
  font-weight: bold;
  color: #27286B;
  margin-bottom: 1.8rem;
}

.headline2 {
  font-size: 3.4rem;
  font-weight: bold;
  color: #FFF;
}

@media only screen and (max-width: 991.98px) {
  .headline2 {
    font-size: 2.4rem;
  }
}

.headline3 {
  background-color: #363499;
  padding: 15px 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #FFF;
  margin-bottom: 30px;
  border-radius: 4px;
}

@media only screen and (max-width: 767.98px) {
  .headline3 {
    border-radius: 0px;
    font-size: 1.6rem;
    padding: 8px 15px;
    margin: 0px -15px 20px;
  }
}

.headline4 {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0;
}

.headline5 {
  font-size: 2.6rem;
  font-weight: bold;
  color: #161652;
  margin-right: 60px;
}

.headline6 {
  font-size: 1.9rem;
  font-weight: bold;
  color: #000659;
  margin-bottom: 15px;
}

.headlineBg {
  background-color: #44439a;
  color: #fff;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 30px;
  padding: 8px;
  text-align: center;
}

.headline7 {
  margin-bottom: 20px;
  color: #44439A;
}

@media only screen and (max-width: 991.98px) {
  .headline7 {
    font-size: 2rem;
  }
}

.headline8 {
  font-size: 2.6rem;
  margin-bottom: 20px;
  color: #44439A;
}

@media only screen and (max-width: 991.98px) {
  .headline8 {
    font-size: 2rem;
  }
}

.headlineForm {
  display: flex;
  gap: 6rem;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.2;
}

.headlineForm .ttlLeft {
  width: 535px;
}

.headlineForm .ttlRight {
  width: calc(100% - 535px - 6rem);
}

.pageS .headlinePage,
.pageA .headlinePage {
  background-color: #E4E7E9;
  margin-bottom: 0;
}

.pageS .headlineTxt,
.pageS .headline7,
.pageS .headline8,
.pageA .headlineTxt,
.pageA .headline7,
.pageA .headline8 {
  color: #0A0A1A;
}

.pageW .headlinePage {
  height: 65px;
  margin-bottom: 15px;
}

.paginationBox {
  padding: 24px 40px;
  background-color: #F2F3F5;
  max-width: 704px;
  margin: 0 auto;
  border-radius: 4px;
}

.paginationBox ul {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}

.paginationBox ul li:not(:last-child) {
  margin-right: 35px;
}

.paginationBox ul li a,
.paginationBox ul li strong {
  color: #767676;
  padding: 0px 3px 2px;
  transition: 0.3s;
}

.paginationBox ul li a.active,
.paginationBox ul li strong.active {
  color: #4A5ED5;
  border-bottom: 3px solid #4A5ED5;
}

.paginationBox ul li a:hover,
.paginationBox ul li strong:hover {
  text-decoration: none;
  color: #4A5ED5;
}

.paginationBox ul li a.btnPag:hover,
.paginationBox ul li strong.btnPag:hover {
  opacity: 0.6;
}

.paginationBox ul li strong {
  color: #4A5ED5;
  border-bottom: 3px solid #4A5ED5;
  font-weight: normal;
}

.paginationBox.style01 {
  background-color: transparent;
  padding: 0;
}

.paginationBox.style01 a,
.paginationBox.style01 strong {
  font-weight: bold;
}

.paginationBox.style01 li {
  background-color: #FFF;
  padding: 9px 15px;
  border-radius: 5px;
}

.paginationBox.style01 li:not(:last-child) {
  margin-right: 20px;
}

.paginationBox.style01 strong:hover {
  color: #4A5ED5;
}

.paginationBox.style01 .pagControl {
  background-color: transparent;
  padding: 0;
}

.paginationBox.style01 .pagControl img {
  width: 60px;
}

.tblStyle01 {
  border-collapse: collapse;
  border: 0;
  width: 100%;
  box-shadow: 1px 3px 14px 5px rgba(0, 0, 0, 0.08);
  background-color: #FFF;
}

.tblStyle01:not(:last-child) {
  margin-bottom: 50px;
}

.tblStyle01 tr:not(:last-child) {
  border-bottom: 1px solid #CCC;
}

.tblStyle01 td,
.tblStyle01 th {
  padding: 21px 20px;
  color: #383838;
}

.tblStyle01 td {
  background-color: #FFF;
}

.tblStyle01 td.empty {
  background-color: #EDEEF2;
  pointer-events: none;
}

.tblStyle01 td img {
  max-width: 100%;
}

.tblStyle01 .subTxt {
  display: block;
  font-size: 1.2rem;
}

.tblStyle01 th {
  background-color: rgba(97, 101, 116, 0.05);
  width: 22%;
  font-weight: bold;
}

.tblStyle01 th p {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}

.tblStyle01 th .required,
.tblStyle01 th .unRequired {
  display: inline-block;
  font-size: 1.1rem;
  line-height: 1.3;
  font-weight: bold;
  color: #FFF;
  background-color: #DB2564;
  border-radius: 4px;
  padding: 2px 5px;
  margin-left: 10px;
  min-width: 32px;
}

.tblStyle01 th .unRequired {
  background-color: #9A8E92;
}

.tblStyle01 th.ttl {
  color: #fff;
  background-color: #434343;
  padding-top: 10px;
  padding-bottom: 10px;
}

.tblStyle01 th .labelDes {
  font-size: 1.2rem;
}

.tblStyle01 .separate {
  margin: 0 30px;
  font-size: 2rem;
}

.tblStyle01 thead th {
  color: #fff;
  font-weight: bold;
  background-color: #222;
  border-right: 1px solid #CCC;
  padding-top: 15px;
  padding-bottom: 15px;
}

.tblStyle01 thead th:last-child {
  border-right: 0;
}

.tblStyle01 tr.cusBorderT th,
.tblStyle01 tr.cusBorderT td {
  border-top: 1px solid #4A5ED5;
}

.tblStyle01 tr.cusBorderB {
  border-bottom: 1px solid #4A5ED5;
}

.tblUser td,
.tblUser th {
  padding: 30px 30px 30px 20px;
}

.tblUser td {
  padding: 30px 40px;
}

.tblUser th {
  background-color: #EDEEF2;
}

.tblUser .inputItem .inputContent a {
  color: #363499;
  font-weight: bold;
  text-decoration: underline;
}

.tblUser .inputItem .inputContent a:hover {
  text-decoration: none;
}

.tblUser .txt01 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 0;
}

.tblUser .txt02 {
  font-size: 1.4rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 0;
}

.tblUser .txt03,
.tblUser .tblStyle02 .txt03 .form-control,
.tblStyle02 .txt03 .tblUser .form-control {
  font-size: 2.2rem;
  font-weight: bold;
  color: #44439A;
  margin-bottom: 0;
}

.tblUser.style01 th,
.tblUser.style01 td {
  padding-top: 22px;
  padding-bottom: 22px;
}

.tblUser.style01 th {
  width: 187px;
}

@media only screen and (max-width: 767.98px) {
  .tblUser td,
  .tblUser th {
    width: 100% !important;
    display: block;
    padding: 10px;
  }

  .tblUser th {
    background-color: #353396;
    color: #FFF;
  }

  .tblUser td {
    background-color: #F5F4F7;
    padding: 15px 10px;
  }

  .tblUser .form-control {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
  }

  .tblUser tr:not(:last-child) {
    border-bottom: 0px;
  }

  .tblUser .txt01 {
    font-size: 1.5rem;
  }

  .tblUser .txt02 {
    font-size: 1.3rem;
  }

  .tblUser .txt03,
  .tblUser .tblStyle02 .txt03 .form-control,
  .tblStyle02 .txt03 .tblUser .form-control {
    font-size: 1.7rem;
  }

  .tblUser.style01 tr:not(:last-child) {
    border-bottom: 1px solid #CCC;
  }

  .tblUser.style01 th,
  .tblUser.style01 td {
    display: table-cell;
    width: auto !important;
  }

  .tblUser.style01 th {
    background-color: #EDEEF2;
    color: #383838;
    width: 130px !important;
  }

  .tblUser.style01 td {
    background-color: #FFF;
  }
}

.inputItem {
  margin-bottom: 0;
}

.inputItem:not(:last-child) {
  margin-right: 35px;
}

.inputItem .inputContent {
  display: block;
  position: relative;
  padding-left: 35px;
  padding-right: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-bottom: 0;
}

.inputItem .inputContent:before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #C9C9C9;
  border-radius: 3px;
}

.inputItem .inputContent:after {
  content: "";
  position: absolute;
  display: none;
  background: url(/img/svg/icon_checked.svg) no-repeat 50% 50%;
  left: 13px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 12px;
}

.inputItem .inputContent.style01:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 20px;
  width: 20px;
  border-radius: 4px;
}

.inputItem .inputContent.style01:after {
  background: url(/img/svg/icon_checked01.svg) no-repeat 50% 50%;
  width: 20px;
  height: 20px;
  left: 50%;
}

.inputItem .inputContent.style02 {
  padding-left: 35px;
}

.inputItem .inputContent.style02:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  border-radius: 4px;
}

.inputItem .inputContent.style02:after {
  background: url(/img/svg/icon_checked02.svg) no-repeat 50% 50%;
  width: 10px;
  height: 10px;
  left: 5px;
  transform: translateY(-50%);
}

.inputItem .inputContent.style03::before {
  top: 50%;
  transform: translateY(-50%);
}

.inputItem .inputContent.style04 {
  padding: 16px 20px 16px 58px;
  background-color: #FFF;
  font-size: 1.6rem;
  font-weight: bold;
}

.inputItem .inputContent.style04:before {
  top: 16px;
  left: 20px;
}

.inputItem .inputContent.style04:after {
  width: 11px;
  height: 11px;
  left: 32px;
}

.inputItem input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.inputItem input:checked ~ .inputContent:after {
  display: block;
}

.inputItem input:disabled ~ .inputContent:before {
  background-color: #F0F0F0;
}

.inputItem input:checked ~ .inputContent.style04 {
  background-color: rgba(54, 52, 153, 0.08);
}

.inputItem .inputContent01:before {
  border-radius: 50%;
}

.inputItem .inputContent01:after {
  background: none;
  width: 9px;
  height: 9px;
  background-color: #4A5ED5;
  border-radius: 50%;
}

.tblWrap {
  overflow-x: auto;
}

.tblWrap table {
  width: auto;
}

.tblWrap table th.w8p {
  min-width: 135px;
}

.tblWrap table th.w10p {
  min-width: 135px;
}

.tblWrap table th.w20p {
  min-width: 278px;
}

.tblStyle02 {
  border-collapse: collapse;
  width: 100%;
  color: #444;
  box-shadow: 0px 3px 14px 5px rgba(0, 0, 0, 0.04);
}

.tblStyle02.rePd tbody td {
  padding: 20px;
}

.tblStyle02.rmBorder td {
  border: 0;
}

.tblStyle02 th,
.tblStyle02 td,
.tblStyle02 tr {
  border: 1px solid #DDD;
}

.tblStyle02.brBlue th,
.tblStyle02.brBlue td,
.tblStyle02.brBlue tr {
  border-color: #343293;
}

.tblStyle02 tr.bg01 td {
  background-color: #f1f5f8;
}

.tblStyle02 tr.bg02 td {
  background-color: #abaaba;
  color: #FFF;
}

.tblStyle02 tr.bg03 th {
  background-color: #CACDD9;
}

.tblStyle02 tr.bg03 .btn {
  margin-top: 0;
  margin-bottom: 0;
}

.tblStyle02 tr.bg03 .ttl {
  font-size: 1.7rem;
}

.tblStyle02 tr.bg04 td {
  background-color: #E4E7E9;
}

.tblStyle02 tr.highlight td {
  background-color: #FFECEC;
}

.tblStyle02 tr.highlight01 th,
.tblStyle02 tr.highlight01 td {
  background-color: #FFECEC;
}

.tblStyle02 tr.staffEventListHighlight td {
  background-color: #e3f9fc;
}

.tblStyle02 tr.staffEventListHighlight01 th,
.tblStyle02 tr.staffEventListHighlight01 td {
  background-color: #FFECEC;
}

.tblStyle02 tr.setSpace {
  border: 0;
}

.tblStyle02 tr.setSpace > * {
  border: 0;
  background-color: #F5F4F7;
}

.tblStyle02 tr.setSpace:last-child {
  display: none;
}

.tblStyle02 thead th {
  padding: 10px;
  color: #fff;
  background-color: #434343;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.tblStyle02 tbody td,
.tblStyle02 tbody th {
  padding: 10px;
  background-color: #FFF;
}

.tblStyle02 .btn {
  margin: 10px 0px;
}

.tblStyle02 tr.active td {
  background-color: rgba(74, 94, 213, 0.04);
}

.tblStyle02 .txt01 {
  font-size: 1.6rem;
  font-weight: bold;
}

.tblStyle02 .txt02 {
  font-size: 1.8rem;
  font-weight: bold;
}

.tblStyle02 .txt03,
.tblStyle02 .txt03 .form-control {
  font-size: 2.3rem;
  font-weight: bold;
  color: #383838;
}

.tblStyle02 .txt03 span,
.tblStyle02 .txt03 .form-control span {
  font-size: 2rem;
}

.tblStyle02 .txt04 {
  font-size: 1.9rem;
  font-weight: bold;
}

.tblStyle02 .txt05 {
  font-size: 2.2rem;
  color: #3D3D67;
  margin-right: 60px;
}

.tblStyle02 .amount {
  font-size: 2.6rem;
  font-weight: bold;
  padding: 0px 30px;
}

.tblStyle02 .totalAmount {
  text-align: center;
  font-size: 2.1rem;
  font-weight: bold;
}

.tblStyle02 .total {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: right;
}

.tblStyle02 .totalRow td {
  background-color: #F0F0F0;
  border: 0;
}

.tblStyle02 .childRow td {
  border-bottom-style: dashed;
}

.tblStyle02 .childRow.end td,
.tblStyle02 .childRow td.end {
  border-bottom-style: solid;
}

.tblStyle02 .childRow .cellName {
  background: linear-gradient(90deg, #F0F0F0 2%, #FFF 2%);
}

.tblStyle02 .childRow .cellName span {
  display: inline-block;
  padding-left: 20px;
  font-size: 12px;
}

.tblStyle02.setMinW {
  min-width: 2200px;
}

.tblStyle02.setElMinW thead th {
  min-width: 150px;
}

.tblStyle02.setElMinW tbody tr:first-child td:first-child {
  min-width: 140px;
}

.tblStyle02.style01 thead th {
  font-size: 1.4rem;
}

.tblStyle02.style01 th {
  background-color: #1B1160 !important;
  min-width: 80px;
  color: #FFF;
  text-align: center;
}

.tblStyle02.style01 th:first-child {
  min-width: 100px;
}

.tblStyle02.style01 th,
.tblStyle02.style01 td {
  border-right-style: dashed;
  border-left-style: dashed;
}

.tblStyle02.style01 td {
  text-align: center;
  color: #5B5B5B;
}

.tblStyle02.style02 {
  max-width: 700px;
  margin: 0 auto;
}

.tblStyle02.style02 tr,
.tblStyle02.style02 th,
.tblStyle02.style02 td {
  border-color: #9E9E9E;
}

.tblStyle02.style02 tbody th {
  color: #fff;
  background-color: #161651;
}

.tblStyle02.resetBg th,
.tblStyle02.resetBgWhite th {
  background-color: transparent !important;
  width: calc(100% / 12);
  min-width: auto;
  border-top: 1px solid #FFF !important;
}

.tblStyle02.resetBg th:first-child,
.tblStyle02.resetBgWhite th:first-child {
  min-width: auto;
}

.tblStyle02.resetBg th a,
.tblStyle02.resetBgWhite th a {
  color: #FFF;
}

.tblStyle02.resetBg th.active,
.tblStyle02.resetBgWhite th.active {
  background-color: #1B1160 !important;
}

.tblStyle02.resetBgWhite {
  background-color: #6fa8dc !important;
}

.tblStyle03 {
  border-collapse: collapse;
  border: 0;
  width: 100%;
  box-shadow: none;
  background-color: #FFF;
}

.tblStyle03 tr:not(:last-child) {
  border-bottom: none;
}

.tblStyle03 td,
.tblStyle03 th {
  padding: 5px 20px 5px 0;
  color: #383838;
}

.tblStyle03 td {
  background-color: #FFF;
}

.tblStyle03 th {
  background-color: #FFF;
  width: auto;
  font-weight: normal;
}

.tblStyle04 {
  border-collapse: collapse;
  border: 2px solid #DDD;
  width: 630px;
  box-shadow: none;
  background-color: #FFF;
}

.tblStyle04 tr:not(:last-child) {
  border-bottom: none;
}

.tblStyle04 td,
.tblStyle04 th {
  border: 1px solid #DDD;
  color: #383838;
}

.tblStyle04 td {
  background-color: #FFF;
}

.tblStyle04 th {
  background-color: #FFF;
  width: auto;
  font-weight: normal;
}

.tblStyle04 .bgGray {
  background-color: #F7F7F7;
}

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

.tblStyle05 th,
.tblStyle05 td {
  padding: 10px;
}

.tblSchedule {
  min-width: 600px;
}

.tblSchedule .selectUser .form-control {
  font-size: 1.5rem;
}

.tblSchedule thead th {
  font-size: 1.3rem;
}

.tblSchedule .uScheduleItemDate {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  text-align: center;
}

.tblSchedule .uScheduleItemDate span {
  display: block;
}

.tblSchedule a {
  color: #FFF;
}

.tblSchedule tbody .uScheduleItemDate {
  background-color: #E4E5EA;
}

.tblSchedule .uScheduleItemValue,
.tblSchedule .uScheduleItemValueShiga,
.tblSchedule .uScheduleItemValueOther {
  font-size: 2rem;
  display: table-cell;
}

.tblSchedule .uScheduleItemValue span,
.tblSchedule .uScheduleItemValueShiga span,
.tblSchedule .uScheduleItemValueOther span {
  display: block;
  height: auto;
}

.tblSchedule .uScheduleItemValueX {
  height: 30px !important;
}

.tblSchedule .uScheduleItemValueX::before {
  left: calc(50% - 11px);
}

.tblSchedule .uScheduleItemValueX:after {
  left: calc(50% - 9px);
}

.bgYellow {
  background-color: #F8FFA8 !important;
}

.bgYellow td {
  background-color: #F8FFA8 !important;
}

.mb50 {
  margin-bottom: 50px;
}

.mt100 {
  margin-top: 100px;
}

.pageS .tblStyle02 thead th,
#pageU .tblStyle02 thead th {
  background-color: #161651;
}

.pageS .tblStyle02 .bgGray,
#pageU .tblStyle02 .bgGray {
  background-color: #F7F7F7;
}

.pageS .tblStyle02 .bgGray td,
#pageU .tblStyle02 .bgGray td {
  background-color: #F7F7F7;
}

.pageS .tblStyle02 .bgGray01,
#pageU .tblStyle02 .bgGray01 {
  background-color: #EDEEF5;
}

.pageS .tblStyle02 .bgGray01 td,
#pageU .tblStyle02 .bgGray01 td {
  background-color: #EDEEF5;
}

.pageS .tblStyle02 .bgGray02,
#pageU .tblStyle02 .bgGray02 {
  background-color: #AAAABA;
}

.pageS .tblStyle02 .bgGray02 td,
#pageU .tblStyle02 .bgGray02 td {
  background-color: #AAAABA;
}

.pageW {
  padding-bottom: 150px;
}

.pageW .tblStyle02 thead th {
  background-color: #0E0E46;
}

.pageW .tblStyle02 th,
.pageW .tblStyle02 td {
  border-left: 0;
  border-top: 0;
}

.pageW .tblStyle02 th:last-child,
.pageW .tblStyle02 td:last-child {
  border-right: 0;
}

.pageW .tblStyle02 tr {
  border: 0;
}

.pageW .tblStyle02 tr.active td {
  background-color: #f1f5f8;
}

.textColor {
  color: #44439A !important;
}

.textColor02 {
  color: #4AAD4A;
  line-height: 1.5;
  margin-bottom: 0;
}

.textColor03 {
  color: #FF3333 !important;
}

.linkModal {
  text-decoration: underline;
  color: #000 !important;
}

.linkModal:hover {
  text-decoration: none;
}

.textColor04 {
  color: #4A5ED5;
}

.textColor05 {
  color: #4EBFBF;
}

.textColor06 {
  color: rgba(68, 68, 68, 0.45);
}

.textColor07 {
  color: #E81850;
}

.textColor08 {
  color: #818181;
}

.boxButton01 > *:not(:last-child) {
  margin-right: 10px;
}

.wrapTotalFee {
  background-color: #F3F4FC;
}

.totalFee {
  max-width: 695px;
  border: 4px solid #25296A;
  padding: 11px;
  line-height: 1.5;
  font-weight: bold;
  background-color: #FFF;
  color: #25296A;
  justify-content: center;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.totalFee .ttl {
  font-size: 1.7rem;
  margin-right: 60px;
  vertical-align: super;
}

.totalFee .calc {
  font-size: 3rem;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.totalFee .calc p {
  font-weight: normal;
  font-style: normal;
  font-size: 1.4rem;
  vertical-align: middle;
  margin-bottom: 0;
  margin-right: 10px;
}

.totalPrice {
  font-size: 1.8rem;
  font-weight: bold;
  border: 2px solid #44439A;
  border-radius: 4px;
}

.totalPrice span {
  display: inline-block;
  min-width: 276px;
  font-size: 1.6rem;
  padding: 20px;
  background-color: rgba(68, 67, 154, 0.12);
  margin-right: 35px;
}

.deficiencyText {
  margin-bottom: 55px;
  padding: 24px 15px 23px;
  width: 100%;
  border: 4px solid #25296A;
  font-size: 2.6rem;
  line-height: 1;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #27286B;
}

.deficiencyText .ttl {
  font-size: 2.8rem;
  margin-right: 20px;
}

.deficiencyText .total {
  font-size: 2.2rem;
  margin-bottom: 0;
}

.deficiencyText .total span {
  font-size: 4.3rem;
}

.deficiencyText .total em {
  font-size: 3.6rem;
  font-style: normal;
  margin-left: 10px;
}

.cashTtl {
  font-size: 2.2rem;
  font-weight: bold;
  color: #383838;
  line-height: 1.5;
  background-color: #DDDEE0;
  text-align: center;
  padding: 15px;
  margin-bottom: 0;
}

.cashBox {
  padding: 25px 50px 100px;
  background-color: #F4F4F4;
  margin-bottom: 90px;
}

.buList {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding-left: 0;
}

.buList li {
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #F2F3F5;
  border-radius: 6px;
  padding: 8px 15px;
  display: flex;
  align-items: center;
}

.buList li .ttl {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  margin-right: 15px;
  white-space: nowrap;
}

.buList li .ttl em {
  font-weight: bold;
  font-style: normal;
  color: #FFF;
  background-color: #27286B;
  border-radius: 6px;
  padding: 5px 10px;
  margin-right: 8px;
}

.buList li p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.buList li .num {
  font-size: 2.8rem;
  font-weight: bold;
  color: #000;
}

.buList li .iconAdd {
  position: relative;
  margin: 0px 15px;
  width: 16px;
  height: 16px;
}

.buList li .iconAdd:before,
.buList li .iconAdd:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #B5A9A9;
  width: 16px;
  height: 4px;
}

.buList li .iconAdd:after {
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 16px;
  width: 4px;
}

.ttlSchool {
  padding: 20px;
  border: 2px solid #00148A;
  font-size: 2.5rem;
  color: #00148A;
  text-align: center;
  font-weight: bold;
  margin-bottom: 50px;
}

.gridTbl .ag-header-viewport {
  background-color: #161651;
}

.gridTbl .ag-header-cell-resize:after {
  top: 0;
  height: 100%;
  background-color: #DDD;
}

.gridTbl .ag-header-row {
  color: #FFF;
}

.itemCount {
  display: flex;
  justify-content: space-between;
}

.itemCount:not(:last-child) {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #CCC;
}

@media only screen and (max-width: 991.98px) {
  .tblScroll {
    overflow-x: auto;
  }

  .tblScroll table {
    min-width: 1000px;
  }
}

.accorTbl {
  cursor: pointer;
  background-color: #FFF !important;
  font-weight: bold;
  font-size: 1.6rem;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  color: #2B2B2B;
}

.accorTbl span {
  position: relative;
  display: inline-block;
  bottom: -4px;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  border: 1px solid #DBDBDB;
  border-radius: 50%;
  transition: transform 0.3s ease;
  text-align: center;
  padding: 5px;
}

.accorTbl span img {
  position: absolute;
  left: 5px;
  top: 7px;
  width: 10px;
}

.accorTbl.active span img {
  transform: rotate(180deg);
}

.eleChild {
  display: none;
}

.eleChild td {
  transition: background-color 0.3s ease;
  background-color: #F4F4F4 !important;
}

.eleChild td:first-child {
  padding-left: 30px;
}

.breadcrumb {
  font-size: 1.1rem;
  color: #444;
  padding: 15px 30px;
  background-color: transparent;
  border-radius: 0;
  align-items: center;
  margin-bottom: 30px;
}

.breadcrumb li {
  margin: 0 6px 10px 0;
  vertical-align: middle;
}

.breadcrumb a {
  text-decoration: none;
  font-weight: bold;
  color: #27286B;
}

.breadcrumb a.linkTop {
  color: #44439A;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb em {
  color: #444;
  font-weight: normal;
  font-style: normal;
}

.popupDetail {
  display: none;
  position: relative;
  width: 100%;
  height: auto;
  background: rgba(0, 3, 57, 0.1);
  overflow: inherit;
}

.popupDetail .popupDetailContent {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
}

.popupDetail .content {
  position: relative;
  margin-top: 60px;
  margin-bottom: 50px;
}

.popupDetail .content .contentBox {
  background-color: #FFF;
  padding: 45px;
  border-radius: 5px;
  box-shadow: 0px 3px 20px 3px rgba(0, 0, 0, 0.16);
  min-width: 780px;
}

.popupDetail .content .contentBox .ttl {
  font-size: 2.2rem;
  font-weight: bold;
  color: #404040;
}

.popupDetail .content .contentBox .ttl01 {
  font-weight: bold;
  color: #404040;
  font-size: 1.6rem;
}

.popupDetail .content .contentBox .ttl02 {
  font-size: 4.4rem;
  font-weight: bold;
  color: #7E90FF;
}

.popupDetail .content .contentBox .txtPrice {
  font-size: 4.1rem;
  font-weight: bold;
  color: #00157E;
  margin-bottom: 10px;
  line-height: 1;
  margin-bottom: 30px;
}

.popupDetail .content .contentBox .txtPrice span {
  font-size: 8.2rem;
  margin-right: 15px;
}

.popupDetail .content .contentBox .priceBox {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #4A5ED5;
  padding: 5px 10px;
  color: rgba(0, 21, 126, 0.68);
  font-size: 1.7rem;
  font-weight: bold;
  max-width: 430px;
  margin: 0 auto 40px;
}

.popupDetail .content .contentBox .priceBox .num {
  font-size: 2.4rem;
  margin-left: 10px;
}

.popupDetail .content .contentBox .priceBox .sign {
  font-size: 3rem;
  margin: 0 10px;
}

.popupDetail .content .contentBox .totalFee .ttl {
  color: #25296A;
  font-size: 1.7rem;
  margin-right: 20px;
  vertical-align: text-bottom;
}

.popupDetail .content .contentBox .tblStyle01 {
  box-shadow: none;
  border: 2px solid #A8A8A8;
}

.popupDetail .content .contentBox .notifyLst {
  list-style-type: none;
  padding-left: 0;
}

.popupDetail .content .contentBox .notifyLst li {
  margin-bottom: 10px;
  font-size: 1.6rem;
}

.popupDetail .content .contentBox .notifyLst li span {
  display: inline-block;
  margin-right: 5px;
}

.popupDetail .content .contentBox01 {
  min-width: auto;
  padding: 25px 50px 25px 25px;
}

.popupDetail .content .contentBox02 {
  padding: 25px;
}

.popupDetail .content .contentBox02 .tblStyle01 th,
.popupDetail .content .contentBox02 .tblStyle01 td {
  padding: 10px 20px;
}

.popupDetail .content .contentBox.cusW {
  min-width: 500px;
}

.popupDetail .content .contentBox.setPd {
  padding: 115px;
}

.popupDetail .content .contentBox.setMaxW {
  max-width: 780px;
}

.popupDetail .content .contentBoxBg {
  background: #001469 url(/img/common/bg.jpg) no-repeat 0 0/100%;
}

.popupDetail .content .boxLink {
  padding: 15px 15px 20px 25px;
  min-width: 345px;
  border-radius: 3px;
  border: 1px solid #E5E5E5;
  box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.16);
}

.popupDetail .content .boxLink .ttl02 {
  background: url(/img/svg/icon_select.svg) no-repeat right 0px top 42%;
  padding: 0px 20px 0px 5px;
  margin-bottom: 20px;
}

.popupDetail .content .boxLink .linkItem {
  display: flex;
  align-items: center;
}

.popupDetail .content .boxLink .linkItem a {
  font-weight: bold;
  font-size: 1.4rem;
  color: #444;
}

.popupDetail .content .boxLink .linkItem a:focus {
  outline: none;
}

.popupDetail .content .boxLink .linkItem span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  margin-right: 15px;
}

.popupDetail .content .boxLink .linkItem span.bgPink {
  background-color: #DE8D8A;
}

.popupDetail .content .boxLink .linkItem span.bgGreen {
  background-color: #61A33E;
}

.popupDetail .content .boxLink .linkItem span.bgYellow {
  background-color: #F3C050;
}

.popupDetail .popupDetailBtnClose {
  position: absolute;
  top: -50px;
  right: -50px;
  background: url(/img/svg/icon_close_modal_w.svg) no-repeat 50% 50%;
  width: 44px;
  height: 44px;
  cursor: pointer;
}

.popupDetail .popupDetailBtnClose:focus-visible {
  outline: none;
}

.popupDetail .popupDetailBtnClose01 {
  position: absolute;
  top: 15px;
  right: 15px;
  background: url(/img/svg/icon_close_modal.svg) no-repeat 50% 50%;
  background-size: 14px auto;
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.popupDetail.popupUser .content .contentBox .ttl {
  font-size: 3rem;
  line-height: 1.33;
}

@media only screen and (max-width: 991.98px) {
  .popupDetail.popupUser .content .contentBox {
    min-width: auto;
  }

  .popupDetail.popupUser .popupDetailBtnClose {
    right: 0;
    top: -60px;
  }
}

@media only screen and (max-width: 767.98px) {
  .popupDetail.popupUser .content .contentBox {
    padding: 20px;
  }

  .popupDetail.popupUser .content .contentBox .ttl {
    font-size: 2.2rem;
  }
}

.popupDetail .contentPopupCalendar {
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #2f528f;
}

.popupDetail .contentPopupCalendar.setH {
  height: 800px;
}

.popupDetailFull {
  height: 100vh;
}

.fancybox-content,
.fancybox-slide--html {
  padding: 0px;
}

.fancybox-slide--html .fancybox-close-small {
  display: none;
}

.select2-container--open {
  z-index: 99999999;
}

.confirmModal .content .contentBox {
  border-radius: 17px;
  max-width: 900px;
}

.confirmModal .content .contentBox .ttl {
  font-size: 3.5rem;
  margin-bottom: 25px;
}

.confirmModal .content .infoLst {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.confirmModal .content .infoLst.resetBr .infoItem:first-child .infoTtl {
  border-radius: 6px 0px 0px 0px;
}

.confirmModal .content .infoLst.resetBr .infoItem:nth-child(2) .infoTxt {
  border-radius: 0px 6px 0px 0px;
}

.confirmModal .content .infoLst.resetBr .infoItem:last-child .infoTxt {
  border-radius: 0px 0px 6px 0px;
}

.confirmModal .content .infoLst.resetBr .infoItem:nth-last-child(-n+2):nth-child(2n+1) .infoTtl {
  border-radius: 0px 0px 0px 6px;
}

.confirmModal .content .infoItem {
  display: flex;
  width: 50%;
}

.confirmModal .content .infoItem:first-child .infoTtl {
  border-radius: 6px 0px 0px 6px;
}

.confirmModal .content .infoItem:last-child .infoTxt {
  border-radius: 0px 6px 6px 0px;
}

.confirmModal .content .infoItem:not(:nth-last-of-type(-n+2)) {
  border-bottom: 1px dashed #BCBCBC;
}

.confirmModal .content .infoTxt,
.confirmModal .content .infoTtl {
  display: inline-flex;
  align-items: center;
  height: 100%;
  padding: 17px 18px;
  font-size: 1.6rem;
  background-color: #F4F4F4;
  margin-bottom: 0;
  width: 100%;
}

.confirmModal .content .infoTtl {
  background-color: #E3E3E3;
  font-weight: bold;
  min-width: 140px;
  width: auto;
}

.confirmModal .content .infoTtl.setW {
  min-width: 170px;
}

.confirmModal .content .boxCheck {
  background-color: rgba(78, 106, 213, 0.23);
  border-radius: 8px;
  padding: 25px 50px;
  margin-bottom: 30px;
}

.confirmModal .content .boxCheck .inputItem .inputContent {
  display: inline-block;
  pointer-events: none;
  font-size: 2.4rem;
  font-weight: bold;
  color: #000;
  padding-left: 40px;
}

.confirmModal .content .boxCheck .inputItem .inputContent:before {
  width: 32px;
  height: 32px;
  border-radius: 5px;
  border-color: #B2B2B2;
  top: 50%;
  transform: translateY(-50%);
}

.confirmModal .content .boxCheck .inputItem .inputContent:after {
  width: 20px;
  background-size: 20px auto;
  height: 16px;
  left: 16px;
}

.confirmModal .content .boxCheck input[type=checkbox] {
  width: 32px;
  height: 32px;
  z-index: 2;
}

.confirmModal .content .txt,
.confirmModal .content .completeBox a,
.completeBox .confirmModal .content a,
.confirmModal .content .completeBox .txt01,
.completeBox .confirmModal .content .txt01 {
  font-size: 2.2rem;
  font-weight: bold;
  margin-right: 100px;
}

.confirmModal .content .form-control {
  font-size: 2.4rem;
  font-weight: bold;
  border-radius: 5px;
  height: 50px;
  width: 110px;
  padding-left: 15px;
  padding-right: 15px;
}

.confirmModal .content .btnConfirm {
  min-width: 268px;
  font-size: 3.1rem;
  font-weight: bold;
  padding: 20px;
  text-align: center;
  color: #FFF;
  border-radius: 4px;
  background-color: #4A5ED5;
}

.confirmModal .content .btnConfirm.disabled {
  opacity: 0.31;
}

.xdsoft_datetimepicker {
  z-index: 99999;
}

.showDateBox {
  color: #FFF;
  font-weight: bold;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.showDateBox .prevBtn,
.showDateBox .nextBtn {
  border-radius: 4px;
  border: 1px solid #A8A8A8;
  padding: 10px 20px 10px 45px;
  background: url(/img/svg/icon_arrow_prev.svg) no-repeat 10px 50%;
  color: #FFF;
}

.showDateBox .nextBtn {
  padding: 10px 45px 10px 20px;
  background: url(/img/svg/icon_arrow_next.svg) no-repeat right 10px top 50%;
}

.showDateBox .textDate {
  font-size: 6.3rem;
  font-weight: 500;
  margin: 0 85px;
  text-align: center;
  font-family: "Oswald", sans-serif;
  cursor: pointer;
}

.showDateBox .textDate em {
  font-size: 3.7rem;
  font-style: normal;
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
}

.showDateBoxUser {
  color: #161651;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.showDateBoxUser .prevBtn,
.showDateBoxUser .nextBtn {
  color: #161651;
  padding-top: 5px;
  padding-bottom: 5px;
}

.showDateBoxUser .prevBtn,
.showDateBoxUser .showDateBox .nextBtn,
.showDateBox .showDateBoxUser .nextBtn {
  background-image: url(/img//svg/icon_prev01.svg);
}

.showDateBoxUser .nextBtn {
  background-image: url(/img//svg/icon_next01.svg);
}

.showDateBoxUser .textDate {
  margin: 0 20px;
  font-size: 5rem;
}

.showDateBoxUser .textDate em {
  font-size: 3.5rem;
}

@media only screen and (max-width: 767.98px) {
  .showDateBoxUser .prevBtn,
  .showDateBoxUser .nextBtn {
    color: #161651;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.2rem;
    background-size: 8px auto;
    padding-left: 25px;
    padding-right: 10px;
  }

  .showDateBoxUser .nextBtn {
    padding-left: 10px;
    padding-right: 25px;
  }

  .showDateBoxUser .textDate {
    margin: 0 15px;
    font-size: 3rem;
  }

  .showDateBoxUser .textDate em {
    font-size: 2.2rem;
  }
}

.listNote {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  list-style: none;
}

.listNote li {
  position: relative;
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
  margin-right: 10px;
  padding-left: 20px;
}

.listNote li:last-child {
  margin-right: 0;
}

.listNote li:before {
  position: absolute;
  content: "";
  width: 13px;
  height: 13px;
  border: 1px solid #707070;
  margin-right: 7px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.datepickerBox {
  min-width: 300px;
  position: relative;
  text-align: center;
}

.datepickerBox .ui-datepicker {
  width: 100%;
}

.datepickerBox .ui-datepicker .ui-datepicker-header {
  padding: 0 0 40px;
  border: none;
}

.datepickerBox .ui-datepicker .ui-datepicker-title {
  position: relative;
  font-size: 18px;
  color: #FFF;
  font-weight: normal;
  background: #44439a;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 8px;
}

.datepickerBox .ui-datepicker thead {
  font-size: 18px;
}

.datepickerBox .ui-datepicker .ui-datepicker-calendar td a {
  width: 35px;
  padding: 5px 0;
  margin: 0 auto;
  border-radius: 50%;
  transition: all 0.2s;
}

.datepickerBox .ui-datepicker .middle {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  font-size: 16px;
  text-align: center;
  padding: 10px;
}

.datepickerBox .ui-datepicker .selectDay {
  position: absolute;
  left: 0;
  top: 48px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #44439a;
  background-color: #EEE;
  padding: 9px;
  transition: all 0.3s;
}

.datepickerBox .ui-datepicker .ui-datepicker-prev {
  width: auto;
  height: auto;
  top: 61px;
  left: 20px;
  z-index: 2;
  border: solid #44439a;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 6px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  cursor: pointer;
}

.datepickerBox .ui-datepicker .ui-datepicker-prev.ui-state-disabled {
  border-color: #bcbcbc;
}

.datepickerBox .ui-datepicker .ui-widget-header a.ui-datepicker-prev.active {
  border-color: #44439a;
}

.datepickerBox .ui-datepicker .ui-datepicker-next {
  width: auto;
  height: auto;
  top: 61px;
  right: 20px;
  z-index: 2;
  border: solid #44439a;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 6px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  cursor: pointer;
}

.datepickerBox .ui-datepicker table {
  margin: 0;
}

.datepickerBox .ui-widget {
  font-family: din-2014, sans-serif;
}

.datepickerBox .ui-widget.ui-widget-content {
  padding: 0;
  border: none;
}

.datepickerBox .ui-datepicker .ui-state-default,
.datepickerBox .ui-widget-content .ui-state-default,
.datepickerBox .ui-datepicker .ui-widget-header .ui-state-default,
.datepickerBox .ui-datepicker .ui-button,
.datepickerBox .ui-datepicker .ui-button.ui-state-disabled:hover,
.datepickerBox .ui-datepicker .ui-button.ui-state-disabled:active {
  border: none;
  background: transparent;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.datepickerBox .ui-datepicker td.red a,
.datepickerBox .ui-datepicker .ui-datepicker .ui-datepicker-week-end,
.datepickerBox .ui-datepicker .ui-datepicker .ui-datepicker-week-end:first-child,
.datepickerBox .ui-datepicker .ui-datepicker .ui-datepicker-week-end:first-child .ui-state-default,
.datepickerBox .ui-widget-content .ui-datepicker-week-end:first-child .ui-state-default {
  color: #d9647e !important;
}

.datepickerBox .ui-datepicker .ui-datepicker-calendar a:hover,
.datepickerBox .ui-widget-content .ui-state-default.ui-state-active,
.datepickerBox .ui-widget-content .ui-datepicker-week-end:first-child .ui-state-default.ui-state-active,
.datepickerBox .ui-widget-content .ui-datepicker-week-end:first-child a.ui-state-default:hover {
  background-color: #44439a;
  color: #fff !important;
}

.datepickerBox .selectDate {
  z-index: 1;
  position: absolute;
  width: 60%;
  left: 20%;
  top: 48px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #44439a;
  font-weight: bold;
}

.datepickerBox .btnClose {
  z-index: 1;
  position: absolute;
  width: 30px;
  height: 30px;
  right: 15px;
  top: 8px;
  background: transparent url(/img/common/icon_close.png) no-repeat 50% 50%;
  background-size: 19px auto;
  padding: 0;
  cursor: pointer;
}

.datepickerBox .ui-state-highlight {
  color: #454545;
}

.datepickerBox .datepickerWeek {
  display: none;
  z-index: 100;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #FFF;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}

.datepickerBox .datepickerWeek.small {
  max-width: 700px;
}

.datepickerBox .datepickerWeek.small td,
.datepickerBox .datepickerWeek.small th {
  padding: 0.7em 0.3em !important;
  width: auto !important;
}

.datepickerBox .datepickerWeek.small tr:not(:last-child) {
  border-bottom-width: 0 !important;
}

.datepickerBox .ui-widget-header .ui-icon {
  background-image: none;
}

@media only screen and (max-width: 767.98px) {
  .datepickerBox .datepickerWeek {
    top: calc(100% + 12px);
  }

  .datepickerBox .ui-datepicker .ui-datepicker-title {
    font-size: 15px;
    padding: 5px;
  }

  .datepickerBox .btnClose {
    right: 5px;
    top: 3px;
  }

  .datepickerBox .ui-datepicker .ui-datepicker-next {
    top: 50px;
    right: 15px;
  }

  .datepickerBox .ui-datepicker .ui-datepicker-prev {
    top: 50px;
    left: 15px;
  }
}

.schoolFormBox {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  margin: 0 auto;
  max-width: 700px;
  padding-bottom: 30px;
}

.schoolFormWrap {
  text-align: left;
}

.schoolIntro {
  text-align: center;
  margin-bottom: 20px;
}

.schoolIntro .time {
  font-size: 1.4rem;
  font-weight: bold;
  color: #001489;
}

.schoolIntro .time span {
  background-color: #001489;
  border-radius: 3px;
  font-size: 1.2rem;
  color: #FFF;
  margin-right: 10px;
  padding: 3px 5px;
  text-align: center;
}

.schoolBox .datepickerBox .datepickerWeek {
  top: auto;
  background: none;
  box-shadow: none;
}

.schoolBox .datepickerBox01 .ui-widget.ui-widget-content {
  position: relative;
  width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  padding: 0px;
}

.schoolBox .datepickerBox01 .ui-widget-content .ui-datepicker-today .ui-state-highlight.ui-state-active,
.schoolBox .datepickerBox01 .ui-widget-content .ui-state-default.ui-state-active,
.schoolBox .datepickerBox01 .ui-datepicker .ui-datepicker-week-end:first-child .ui-state-default.ui-state-active {
  background-color: #FFF;
  color: #001489 !important;
}

.schoolBox .datepickerBox01 .ui-datepicker .ui-datepicker-calendar a:hover,
.schoolBox .datepickerBox01 .ui-widget-content .ui-datepicker-today .ui-state-default.ui-state-active,
.schoolBox .datepickerBox01 .ui-widget-content .ui-datepicker-week-end:first-child a.ui-state-default:hover {
  background-color: #1CB0FF !important;
  color: #FFF !important;
}

.schoolBox .datepickerBox01 .ui-datepicker .ui-datepicker-title {
  background-color: #001489;
}

.schoolBox .datepickerBox01 .ui-datepicker table {
  margin-bottom: 20px;
}

.schoolBox .datepickerBox01 .ui-datepicker-multi-3 .ui-datepicker-group {
  width: calc((100% - 50px) / 3);
  float: none;
  background-color: #FFF;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}

.schoolBox .datepickerBox01 .ui-datepicker .ui-datepicker-header {
  margin: 0;
  position: initial;
}

.schoolBox .datepickerBox01 .ui-datepicker-row-break {
  display: none;
}

.schoolBox .datepickerBox01 .ui-datepicker .ui-datepicker-prev,
.schoolBox .datepickerBox01 .ui-datepicker .ui-datepicker-next {
  top: 50%;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transform: translateY(-50%);
  border: 0;
}

.schoolBox .datepickerBox01 .ui-datepicker .ui-datepicker-next {
  right: -55px;
  background: #001489 url(/img/svg/icon_arrow_next.svg) no-repeat 50% 50%;
}

.schoolBox .datepickerBox01 .ui-datepicker .ui-datepicker-prev {
  left: -55px;
  background: #001489 url(/img/svg/icon_arrow_prev.svg) no-repeat 50% 50%;
}

.schoolBox .datepickerBox01 .ui-widget-content .ui-datepicker-today.ui-state-highlight .ui-state-highlight.ui-state-active,
.schoolBox .datepickerBox01 .ui-datepicker .ui-datepicker-calendar .ui-state-highlight a,
.schoolBox .datepickerBox01 .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:first-child.ui-state-highlight a {
  background-color: #1CB0FF;
  color: #FFF !important;
}

@media only screen and (max-width: 1400px) {
  .schoolBox .datepickerBox01 .ui-widget.ui-widget-content {
    padding: 0px 50px 0px;
  }

  .schoolBox .datepickerBox01 .ui-datepicker .ui-datepicker-next {
    right: 0px;
  }

  .schoolBox .datepickerBox01 .ui-datepicker .ui-datepicker-prev {
    left: 0px;
  }
}

.schoolBox .scheduleAddBox,
.schoolBox .schoolControlBox .scheduleAdded,
.schoolControlBox .schoolBox .scheduleAdded {
  background-color: #1CB0FF;
  color: #FFF;
}

.schoolBox .btnScheduleAdd {
  background-image: url(/img/svg/icon_add01.svg);
  background-repeat: no-repeat;
  padding-left: 32px;
  background-position: 15px 50%;
  min-width: 75px;
  margin-left: 10px;
}

.scheduleAddBox,
.schoolControlBox .scheduleAdded {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 30px;
  border-radius: 4px;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.04);
  background-color: #DCE2E8;
  font-size: 2rem;
  font-weight: bold;
  color: #27286B;
  margin-bottom: 20px;
}

.schoolControlBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.schoolControlBox:after {
  content: "";
  width: calc((100% - 50px) / 3);
}

.schoolControlBox .schoolControlItem {
  width: calc((100% - 50px) / 3);
  background-color: #D4F0F3;
  box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.04);
  padding: 20px 10px;
}

.schoolControlBox .schoolControlItem form:not(:last-child) {
  margin-bottom: 10px;
}

.schoolControlBox .schoolControlItem .scheduleAdded {
  margin-bottom: 0;
  padding: 5px 20px;
}

.schoolControlBox .schoolControlItem .scheduleAdded.style01 {
  padding: 0;
  background-color: #F5F4F7 !important;
  border-top: 1px solid #818181;
  border-radius: 0px 0px 4px 4px;
  font-size: 1.3rem;
  align-items: normal;
}

.schoolControlBox .schoolControlItem .scheduleAdded.style01 .scheduleTime {
  padding: 10px;
}

.schoolControlBox .schoolControlItem .scheduleAdded.style01 .scheduleInput {
  min-width: 150px;
  padding: 10px;
  display: flex;
  background-color: #fff;
}

.schoolControlBox .ttl {
  font-size: 2.6rem;
  font-weight: bold;
  color: #27286B;
  text-align: center;
  width: 100%;
}

.schoolControlBox .scheduleAdded {
  background-color: #FFF !important;
  color: #27286B !important;
  justify-content: space-between;
  font-size: 1.6rem;
}

.schoolControlBox .scheduleAdded .scheduleTime {
  margin-right: 15px;
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-bottom: 0;
}

.schoolControlBox .scheduleAdded .scheduleTime .date {
  font-size: 1.6rem;
  margin-right: 15px;
}

.schoolControlBox .scheduleAdded .scheduleTime .time {
  font-size: 1.3rem;
}

@media only screen and (max-width: 1400px) {
  .schoolControlBox {
    padding: 0 50px;
  }

  .schoolControlBox .schoolControlItem .scheduleAdded {
    padding: 5px 10px;
  }

  .schoolControlBox .schoolControlItem .scheduleAdded .date {
    font-size: 1.4rem;
  }

  .schoolControlBox .schoolControlItem .scheduleAdded .time {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 1200px) {
  .schoolControlBox .schoolControlItem .scheduleAdded .scheduleTime {
    margin-right: 5px;
  }

  .schoolControlBox .schoolControlItem .scheduleAdded .date {
    font-size: 1.3rem;
    margin-right: 5px;
  }

  .schoolControlBox .schoolControlItem .scheduleAdded .time {
    font-size: 1.1rem;
  }

  .schoolControlBox .btn.btn-small {
    padding: 0.8rem 1rem;
    font-size: 1.1rem;
  }
}

.datepickerBox01 .note {
  margin-top: 20px;
  text-align: right;
}

.datepickerBox01 .note span {
  font-size: 1.1rem;
  font-weight: bold;
  position: relative;
  padding-left: 25px;
}

.datepickerBox01 .note span:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 2px;
  background-color: #D4F0F3;
  left: 0;
  top: 0;
  margin-right: 10px;
}

.datepickerBox01 .datepickerWeek td.scheduled,
.datepickerBox01 .datepickerWeek th.scheduled {
  background-color: transparent;
}

.datepickerBox01 .datepickerWeek td.scheduled span,
.datepickerBox01 .datepickerWeek td.scheduled a,
.datepickerBox01 .datepickerWeek th.scheduled span,
.datepickerBox01 .datepickerWeek th.scheduled a {
  width: 32px !important;
  height: 32px !important;
  padding: 5px !important;
  border-radius: 2px;
  background-color: #D4F0F3 !important;
  margin: 0 auto;
}

.datepickerBox01 .datepickerWeek td.scheduled.ui-state-highlight a,
.datepickerBox01 .datepickerWeek th.scheduled.ui-state-highlight a {
  background-color: #1CB0FF !important;
}

.datepickerBox01 .ui-datepicker td.red a,
.datepickerBox01 .ui-datepicker .ui-datepicker .ui-datepicker-week-end,
.datepickerBox01 .ui-datepicker .ui-datepicker .ui-datepicker-week-end:first-child,
.datepickerBox01 .ui-datepicker .ui-datepicker .ui-datepicker-week-end:first-child .ui-state-default,
.datepickerBox01 .ui-widget-content .ui-datepicker-week-end:first-child .ui-state-default {
  color: #001489;
}

.datepickerBox01 .ui-datepicker .ui-datepicker-calendar td a {
  color: #001489;
}

.datepickerBox01 .ui-widget.ui-widget-content {
  padding: 0 20px 20px;
}

.datepickerBox01 .ui-datepicker .ui-datepicker-header {
  margin: 0 -20px;
  padding-bottom: 20px;
}

.datepickerBox01 .ui-datepicker .ui-datepicker-next {
  border-color: #FFF;
  top: 18px;
  right: 30px;
}

.datepickerBox01 .ui-datepicker .ui-datepicker-prev {
  top: 18px;
  left: 30px;
  border-color: #FFF;
}

.datepickerBox01 .ui-datepicker table thead .ui-datepicker-week-end:first-child {
  color: #DB2564;
}

.datepickerBox01 .ui-datepicker table thead .ui-datepicker-week-end:last-child {
  color: #4AAAD5;
}

.datepickerBox01 .ui-datepicker table td.ui-state-disabled {
  color: rgba(68, 68, 68, 0.3);
}

.datepickerBox01 .ui-datepicker .ui-datepicker-title {
  font-size: 2rem;
  font-weight: bold;
}

.registerSchedule {
  max-width: 800px;
  margin: 0 auto;
}

.registerSchedule .registerBox {
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.04);
  margin-bottom: 30px;
}

.registerSchedule .registerBox:last-child {
  margin-bottom: 60px;
}

.registerSchedule .grBtn {
  margin-top: 60px;
}

.registerSchedule .registerTtl {
  font-size: 1.6rem;
  margin-bottom: 20px;
  text-align: center;
  color: #001489;
}

.registerSchedule .ttl {
  background-color: #DCE2E8;
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  border-radius: 4px 4px 0px 0px;
  margin-bottom: 0;
}

.registerSchedule .step {
  font-size: 1.2rem;
  margin-right: 20px;
  position: relative;
  background-color: #FFF;
  padding: 3px 3px 3px 5px;
}

.registerSchedule .step:after {
  position: absolute;
  content: "";
  top: 0;
  right: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12.5px 0 12.5px 7px;
  border-color: transparent transparent transparent #FFF;
}

.registerSchedule .detail {
  padding: 25px;
  background-color: #FFF;
}

.registerSchedule .registerItem {
  display: flex;
  align-items: center;
  padding: 15px 30px;
  background-color: #F5F7F9;
  border-radius: 4px;
  margin-bottom: 15px;
}

.registerSchedule .registerItem:last-child {
  margin-bottom: 0;
}

.registerSchedule .registerItem .date {
  font-size: 1.6rem;
  font-weight: bold;
  margin-right: 30px;
  margin-bottom: 0;
}

.registerSchedule .registerItem .time {
  font-size: 1.3rem;
  margin-right: 15px;
  position: relative;
  background-color: #DCE2E8;
  padding: 3px 3px 3px 5px;
  font-weight: bold;
  color: #0A0A1A;
}

.registerSchedule .registerItem .time:after {
  position: absolute;
  content: "";
  top: 0;
  right: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12.5px 0 12.5px 7px;
  border-color: transparent transparent transparent #DCE2E8;
}

.registerSchedule .registerItem .space {
  margin-right: 10px;
  margin-left: 10px;
}

.registerSchedule .registerItem .form-control {
  width: 80px;
  padding-right: 20px;
}

.userCard {
  background-color: #000339;
  border-radius: 11px;
  margin-top: 68px;
  padding: 59px 25px 8px 30px;
}

.userCardTtl {
  color: #fff;
  font-weight: bold;
  font-size: 67px;
  line-height: 1;
  margin-bottom: 47px;
  margin-top: 20px;
}

.userCardBtn,
.userCardBtnPlus,
.userCardBtnSearch {
  background: linear-gradient(to bottom, #FFF 0%, #C6C6EA 100%);
  border-radius: 20px;
  color: #000;
  font-size: 2.7rem;
  font-weight: bold;
  height: 109px;
  margin-bottom: 27px;
  overflow: hidden;
  padding: 0 30px;
  position: relative;
  transition: color 0.3s, opacity 0.3s;
}

.userCardBtn::after,
.userCardBtnPlus::after,
.userCardBtnSearch::after {
  content: "";
  height: 50px;
  left: 27px;
  position: absolute;
  top: calc(50% - 26px);
  width: 50px;
}

.userCardBtnSearch::after {
  background: url(/img/svg/icon_search_blue.svg) no-repeat center center/44px;
}

.userCardBtnPlus::after {
  background: url(/img/svg/icon_plus_blue.svg) no-repeat center center/44px;
}

.userCardBtn::before,
.userCardBtnSearch::before,
.userCardBtnPlus::before {
  background-color: rgba(20, 23, 84, 0.2);
  content: "";
  display: inline-block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  width: 100%;
  z-index: 1;
}

.userCardBtn:hover,
.userCardBtnSearch:hover,
.userCardBtnPlus:hover {
  color: #001469;
  text-decoration: none;
}

.userCardBtn:hover::before,
.userCardBtnSearch:hover::before,
.userCardBtnPlus:hover::before {
  opacity: 1;
}

@media only screen and (max-width: 1199.98px) {
  .userCard {
    margin-top: 0;
    padding: 20px 25px 5px;
  }

  .userCard .userCardTtl {
    margin: 10px 0 30px;
    font-size: 55px;
  }

  .userCard .metroNavImgBig {
    height: 70px;
  }

  .userCard .metroNavImgBig img {
    width: auto;
    height: 70px;
  }
}

.tabList {
  list-style: none;
  width: 100%;
  background-color: #001484;
  overflow-x: hidden;
  padding-left: 0;
  margin-bottom: 45px;
}

.tabList li {
  width: calc((100% - 10px)/3 + 10px);
  margin-right: 5px;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  position: relative;
  z-index: 10;
}

.tabList li span {
  display: block;
  width: calc(100% - 20px);
  position: relative;
  margin-left: 10px;
  padding: 7px;
}

.tabList li.active:before,
.tabList li.active:after,
.tabList li.active span {
  background-color: #4A5ED5 !important;
}

.tabList li:before,
.tabList li:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  transform: skew(30deg);
  background-color: #000339;
  z-index: -1;
  top: 0;
  left: 0;
}

.tabList li:after {
  transform: skew(-30deg);
  bottom: 0;
  top: auto;
}

.tabList li em {
  font-size: 14px;
  display: inline-block;
  margin-right: 15px;
  font-style: normal;
}

.tabList li:first-child {
  width: calc((100% - 10px) / 3);
}

.tabList li:first-child span {
  margin-left: -10px;
  background-color: #000339;
}

.tabList li:last-child {
  width: calc((100% - 10px) / 3);
  margin-right: 0;
}

.tabList li:last-child span {
  transform: translateX(30px);
  background-color: #000339;
}

.tabUsesBox {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 -10px 50px;
}

.tabUsesBox .tabUses {
  min-width: auto;
  padding: 20px 10px;
  width: calc(20% - 20px);
  margin: 0px 10px 10px;
}

.tabEndUser {
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
  border-bottom: 1px solid #BCBCBC;
  margin-bottom: 30px;
}

.tabEndUser > a {
  width: calc((100% - 30px) / 2);
  text-align: center;
  padding: 10px;
  background-color: #E5E5E5;
  color: #383838;
  font-weight: bold;
  font-size: 1.4rem;
}

.tabEndUser > a:hover {
  text-decoration: none;
}

.tabEndUser > a.active {
  position: relative;
  background-color: #F2F3F5;
  height: calc(100% + 1px);
  border: 1px solid #b7b8b9;
  border-bottom: 0;
}

.tabEndUser > a.active:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  background-color: #F2F3F5;
  bottom: -1px;
}

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

.monthCalendar .ui-datepicker {
  display: flex !important;
  margin: 0 -4px;
  padding: 0;
  width: auto !important;
}

.monthCalendar .ui-datepicker .ui-datepicker-title {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 3px;
  text-align: center;
}

.monthCalendar .ui-datepicker .ui-datepicker-group {
  background-color: rgba(0, 3, 57, 0.6);
  border-radius: 11px;
  float: inherit;
  margin: 0 4px 27px;
  min-width: calc(100% / 3 - 8px);
  padding: 13px 48px 6px;
  width: auto !important;
}

.monthCalendar .ui-datepicker th {
  color: rgba(255, 255, 255, 0.36);
  font-size: 1.2rem;
  font-weight: normal;
  height: 35px;
  line-height: 20px;
  padding: 0;
  width: 30px;
}

.monthCalendar .ui-datepicker th span {
  display: block;
  font-weight: normal;
  text-align: center;
}

.monthCalendar .ui-datepicker .ui-datepicker-calendar td {
  color: #FFF;
}

.monthCalendar .ui-datepicker .ui-datepicker-calendar td a,
.monthCalendar .ui-datepicker .ui-datepicker-calendar td span {
  color: #FFF;
  display: flex;
  height: 33px;
  line-height: 1;
  padding: 0;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.monthCalendar .ui-state-active {
  border-radius: 25px 0 0 25px;
}

.monthCalendar .start-range {
  background-color: #4E6AD5 !important;
  border-radius: 25px 0 0 25px !important;
}

.monthCalendar .start-range a {
  border-radius: 25px 0 0 25px !important;
}

.monthCalendar .in-range {
  background-color: #4E6AD5 !important;
}

.monthCalendar .end-range {
  background-color: #4E6AD5 !important;
  border-radius: 0 25px 25px 0 !important;
}

.monthCalendar .end-range a {
  border-radius: 0 25px 25px 0 !important;
}

.monthCalendar .hover-range {
  background-color: #4E6AD5 !important;
}

.monthCalendar .ui-datepicker td {
  padding: 0;
  text-align: center;
  vertical-align: middle;
}

.monthCalendar .ui-datepicker .ui-datepicker-calendar td a {
  transition: 0.3s;
}

.monthCalendar[data-type=day] .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a,
.monthCalendar .ui-datepicker .ui-datepicker-calendar td a:hover {
  background-color: #4E6AD5;
}

.monthCalendar .ui-datepicker .ui-datepicker-header {
  padding: 0;
  position: inherit;
}

.monthCalendar .ui-datepicker-month,
.monthCalendar .ui-datepicker-year {
  color: #FFF;
}

.monthCalendar .ui-datepicker table {
  border-collapse: collapse;
  font-size: 1.2rem;
  width: 100%;
}

.monthCalendar .ui-datepicker .ui-datepicker-prev span,
.monthCalendar .ui-datepicker .ui-datepicker-next span {
  display: none;
}

.monthCalendar .ui-datepicker .ui-datepicker-prev,
.monthCalendar .ui-datepicker .ui-datepicker-next {
  display: block;
  cursor: pointer;
  height: 50px;
  left: -60px;
  margin-top: -18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s;
  width: 34px;
}

.monthCalendar .ui-datepicker .ui-datepicker-prev:hover,
.monthCalendar .ui-datepicker .ui-datepicker-next:hover {
  opacity: 0.75;
}

.monthCalendar .ui-datepicker .ui-datepicker-next {
  left: inherit;
  right: -60px;
}

.monthCalendar .ui-datepicker .ui-datepicker-prev:before,
.monthCalendar .ui-datepicker .ui-datepicker-prev::after,
.monthCalendar .ui-datepicker .ui-datepicker-next:before,
.monthCalendar .ui-datepicker .ui-datepicker-next::after {
  background-color: #FFF;
  content: "";
  display: block;
  height: 7px;
  left: 0;
  position: absolute;
  top: 11px;
  transform: rotate(-48deg);
  width: 34px;
}

.monthCalendar .ui-datepicker .ui-datepicker-prev::after {
  transform: rotate(48deg);
  top: 32px;
}

.monthCalendar .ui-datepicker .ui-datepicker-next::before {
  left: 3px;
  transform: rotate(48deg);
}

.monthCalendar .ui-datepicker .ui-datepicker-next::after {
  left: 3px;
  transform: rotate(-48deg);
  top: 32px;
}

.monthCalendar .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active {
  border-radius: 25px;
}

@media only screen and (max-width: 1450px) {
  .monthCalendar {
    padding: 0 50px;
  }

  .monthCalendar .ui-datepicker .ui-datepicker-group {
    padding: 13px 15px 6px;
  }

  .monthCalendar .ui-datepicker .ui-datepicker-prev {
    left: 0;
  }

  .monthCalendar .ui-datepicker .ui-datepicker-next {
    right: 0;
  }
}

.daySchedule {
  background-color: #FFF;
}

.daySchedule .sc_main_scroll {
  min-width: 100%;
}

.daySchedule .head {
  display: none !important;
}

.daySchedule .sc_menu .sc_header_cell,
.daySchedule .sc_menu .sc_header {
  height: 42px;
}

.daySchedule .sc_menu .sc_header_cell {
  border-right: 1px solid #C7C7C7;
}

.daySchedule .sc_menu .sc_header_cell span {
  align-items: center;
  background-color: #0E0E46;
  display: inline-flex;
  font-size: 2.9rem;
  font-weight: bold;
  height: 100%;
  padding-left: 13px;
  width: 100%;
}

.daySchedule .sc_menu .sc_header_cell span em {
  font-size: 1.7rem;
  font-style: normal;
  margin-left: 5px;
}

.daySchedule .sc_menu .sc_header .sc_time {
  background-color: #0E0E46;
  border-left: 0;
  border-right: 1px dotted #BFBFBF;
  font-size: 1.2rem;
  font-weight: bold;
  height: 42px;
  padding: 9px 7px 0;
  text-align: left;
}

.daySchedule .sc_menu .sc_header .sc_time:last-child {
  border-right: 0;
}

.daySchedule .sc_data .timeline {
  align-items: center;
  background-color: #FFF;
  border-bottom: 2px solid #303589;
  border-right: 1px solid #C7C7C7;
  display: flex;
}

.daySchedule .sc_main .timeline {
  border-bottom: 2px solid #303589;
}

.daySchedule .sc_main_scroll .sc_main .tl {
  border-right: 1px dotted #BFBFBF;
}

.daySchedule .sc_main_scroll .sc_main .tl:nth-child(odd) {
  border-right: 0;
}

.daySchedule .sc_data .timeline span {
  color: #444;
  font-size: 1.3rem;
  font-weight: bold;
  display: block;
  display: -webkit-box;
  max-width: 100%;
  max-height: 2.8em;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.daySchedule .sc_bar .ui-resizable-handle {
  display: none !important;
}

.daySchedule .sc_bar {
  color: #FFF;
  padding-top: 5px;
  padding-left: 7px;
}

.daySchedule .sc_bar .text {
  font-size: 1.2rem;
  font-weight: bold;
  height: auto;
  line-height: 1;
  margin-top: 0;
  padding: 0;
}

.daySchedule .sc_bar .scheduleDes {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
}

.daySchedule .sc_bar {
  color: #FFF;
}

.daySchedule .sc_bar.available {
  background-color: #FFF;
}

.daySchedule .sc_bar.prohibited {
  background-color: #C7C7C7;
  cursor: default;
}

.daySchedule .sc_bar.competition {
  background-color: #3EBCFF;
}

.daySchedule .sc_bar.individual {
  background-color: #C7A3FF;
}

.daySchedule .sc_bar.event {
  color: #FFF;
  background-color: #71BE49;
}

.daySchedule .sc_bar.school {
  background-color: #FFCA54;
}

.daySchedule .sc_bar.reserved {
  background-color: #F39B97;
}

.daySchedule .sc_bar.adminReserved {
  background-color: #4A5ED5;
}

.daySchedule .sc_bar.adminVisitor {
  background-color: #ff6600;
}

.daySchedule .sc_bar.unPaid .text {
  background-image: url(/img/svg/icon_schedule.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 12px;
  padding-left: 15px;
}

.daySchedule .sc_main_scroll .sc_main .tl:hover {
  background-color: #FFF;
}

.daySchedule .tl {
  cursor: pointer;
}

@media only screen and (max-width: 1199.98px) {
  .daySchedule .sc_menu .sc_header .sc_time {
    font-size: 1.1rem;
    padding: 10px 5px 0 5px;
  }
}

.tabScheduleBox {
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  max-height: 0;
}

.tabScheduleBox.show {
  visibility: visible;
  opacity: 1;
  max-height: 100%;
}

.tabScheduleBox.hide {
  visibility: hidden !important;
  opacity: 0 !important;
  max-height: 0 !important;
}

#tabScheduleBox01 {
  visibility: visible;
  opacity: 1;
  max-height: 100%;
}

.scheduleBox {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.scheduleBox .fc-ltr .fc-time-grid .fc-event-container {
  margin: 0;
}

.scheduleBox .fc-time-grid-container {
  overflow: inherit !important;
}

.scheduleBox .scheduleCalendar {
  padding: 0 18px 24px 0;
}

.scheduleBox .fc-view-container {
  margin-top: 20px;
}

.scheduleBox .fc-head-container.fc-widget-header {
  border-color: transparent !important;
}

.scheduleBox .fc-head::before {
  background-color: #fff;
  content: "";
  display: inline-block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.scheduleBox .fc-head th {
  border-bottom: 2px solid #E5E5E5;
  background-color: #fff;
  padding: 0 0 8px;
  position: relative;
}

.scheduleBox .fc-head th.fc-axis.fc-widget-header {
  width: 145px !important;
}

.scheduleBox .fc-head th span {
  color: #888;
  font-size: 3.5rem;
  font-weight: normal;
  line-height: 1;
  visibility: hidden;
}

.scheduleBox .fc-head th span em {
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
}

.scheduleBox .fc-head th span.active {
  visibility: visible;
}

.scheduleBox .fc-head th:nth-last-child(2) {
  background-color: rgba(182, 185, 248, 0.17);
}

.scheduleBox .fc-head th:nth-last-child(2) span {
  color: #757AD9;
}

.scheduleBox .fc-head th:last-child {
  background-color: rgba(248, 182, 197, 0.17);
}

.scheduleBox .fc-head th:last-child span {
  color: #D57D91;
}

.scheduleBox .fc-view::before {
  background-color: #fff;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 50px;
  position: absolute;
  right: -1px;
  width: 1px;
  z-index: 2;
}

.scheduleBox .fc-slats td {
  background-color: transparent !important;
}

.scheduleBox .fc-slats .fc-minor td:first-child {
  border-top-color: transparent;
}

.scheduleBox .fc-slats tr:nth-last-child(2) td {
  background-color: #fff !important;
}

.scheduleBox .fc-slats tr:nth-last-child(2) td:first-child {
  border-right-color: transparent;
}

.scheduleBox .fc-slats tr:last-child {
  display: none;
}

.scheduleBox .fc-unthemed td {
  background-color: rgba(238, 239, 243, 0.83);
  border-left: 0;
  color: #888;
  font-weight: bold;
  height: 50px;
  padding: 0;
}

.scheduleBox .fc-unthemed td.fc-axis:first-child,
.scheduleBox .fc-unthemed td.fc-time {
  background-color: #fff;
  position: relative;
  text-align: center;
  width: 145px !important;
}

.scheduleBox .fc-unthemed td.fc-time span {
  background-color: #fff;
  position: absolute;
  top: -13px;
  width: 100%;
  left: 0;
}

.scheduleBox .fc-unthemed td.fc-time span::after {
  background-color: #EAEAEA;
  content: "";
  height: 1px;
  position: absolute;
  right: 0;
  top: 12px;
  width: 30px;
}

.scheduleBox .fc-time-grid .fc-content-skeleton .fc-axis:first-child {
  background-color: transparent;
}

.scheduleBox .fc-body > tr > .fc-widget-content {
  border-bottom: 0 !important;
}

@media only screen and (max-width: 767.98px) {
  .scheduleBox .scheduleCalendar {
    padding: 0;
  }

  .scheduleBox .fc-view-container {
    margin-top: 0px;
  }

  .scheduleBox .fc-head th span {
    font-size: 1.6rem;
    font-weight: bold;
  }

  .scheduleBox .fc-head th span em {
    font-size: 1.2rem;
  }

  .scheduleBox .fc-head th.fc-axis.fc-widget-header {
    width: 38px !important;
  }

  .scheduleBox .fc-unthemed td {
    font-size: 1.4rem;
    height: 46px;
  }

  .scheduleBox .fc-unthemed td.fc-axis:first-child,
  .scheduleBox .fc-unthemed td.fc-time {
    width: 38px !important;
  }

  .scheduleBox .fc-unthemed td em {
    font-style: normal;
  }

  .scheduleBox .fc-unthemed td.fc-time span {
    line-height: 1.3;
  }

  .scheduleBox .fc-unthemed td.fc-time span::after {
    width: 5px;
  }

  .scheduleBox .fc-view:before {
    bottom: -4px;
  }
}

.anchorBox,
.anchorBox01 {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}

.anchorBox li,
.anchorBox01 li {
  width: calc((100% - 60px)/3);
}

.anchorBox01 {
  justify-content: center;
}

.anchorBox01 li {
  width: auto;
  margin-right: 15px;
}

.anchorBox01 .btnAnchor {
  background-color: #F2F3F5;
  padding: 9px 13px;
}

.anchorBox01 .btnAnchor span {
  padding-left: 30px;
}

.btnAnchor {
  display: inline-block;
  width: 100%;
  background-color: #FFF;
  padding: 13px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #27286B;
  text-align: center;
  border-radius: 7px;
}

.btnAnchor span {
  background: url(/img/svg/icon_arrow_down.svg) no-repeat 0px 50%;
  padding-left: 20px;
}

.btnAnchor:hover {
  text-decoration: none;
}

.resultBox {
  padding: 25px 40px 60px;
  margin-bottom: 30px;
}

.resultBox .introBox {
  margin-bottom: 20px;
}

.resultBox .introBox .ttl {
  font-size: 2.2rem;
  font-weight: bold;
  color: #383838;
  min-width: 200px;
  padding-right: 20px;
  margin-bottom: 0;
}

.resultBox .introBox .anchorBox,
.resultBox .introBox .anchorBox01 {
  margin-bottom: 0;
}

.resultBox .introBox .anchorBox li,
.resultBox .introBox .anchorBox01 li {
  width: auto;
  margin-right: 10px;
}

.resultBox .introBox .btnAnchor {
  padding: 7px;
  font-size: 1.5rem;
}

.resultBox .introBox .btnAnchor span {
  background-size: 11px auto;
  padding-left: 15px;
}

.resultBox .resultItem {
  margin-bottom: 60px;
}

.resultBox .resultItem .ttlItem {
  padding: 5px 20px;
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: bold;
  color: #383838;
  margin-bottom: 10px;
}

.resultBox .resultItem:last-child {
  margin-bottom: 0;
}

.bgAnchor01 {
  background-color: #FFEDC0;
}

.bgAnchor02 {
  background-color: #C9DAF8;
}

.bgAnchor03 {
  background-color: #F4CCCC;
}

.bgBox01 {
  background-color: #FFF9E8;
}

.bgBox02 {
  background-color: #CFE2F3;
}

.bgBox03 {
  background-color: #e9a3a3;
}

.print {
  margin: 0 auto;
  padding-top: 100px;
  text-align: center;
  width: 539px;
}

.printTtl {
  border: 3px solid #040000;
  color: #040000;
  display: inline-block;
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 76px;
  padding: 7px 25px 2px 25px;
}

.printWrap {
  border: 1px solid #d0cfcf;
  padding: 38px 0 26px;
  background-color: #FFF;
}

.printBox {
  background: url(/img/common/bg_print.jpg) center center/cover;
  position: relative;
}

.printBoxWrap {
  height: 100%;
  left: 0;
  padding: 120px 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.printBoxBg {
  display: block;
  font-size: 0;
  position: relative;
  z-index: 0;
}

.printBoxImg {
  border: 2px solid #FFF;
  display: inline-block;
  margin-bottom: 11px;
  padding: 4px 10px 3px;
  text-align: center;
}

.printBoxTxt {
  color: #FFF;
  display: block;
  font-size: 2.5rem;
  font-weight: bold;
  width: 100%;
  transform: rotate(180deg);
}

.printBarCodeTxt {
  font-size: 1.3rem;
}

.printBarCodeTxt span {
  font-size: 2.2rem;
  font-weight: bold;
  margin-left: 10px;
}

.printBarCode {
  margin: 4px auto 15px;
}

.printNote {
  border-top: 1px solid #d0cfcf;
  color: #666;
  font-size: 1.1rem;
  margin: 11px 28px 18px 28px;
  padding-top: 11px;
}

.printTel {
  color: #040000;
  font-size: 1.5rem;
  padding-right: 45px;
  text-align: right;
}

.printTel span {
  font-weight: bold;
  margin-right: 12px;
}

.printBtn {
  min-width: 300px;
  padding-top: 21px;
  padding-bottom: 21px;
  margin-top: 85px;
  font-size: 3rem;
}

.invote {
  margin: 0 auto;
  padding: 25px;
  width: 100%;
}

.invoteNo {
  color: #040000;
  text-align: right;
  font-size: 1.4rem;
}

.invoteHead,
.invoteHeadBorder {
  color: #040000;
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
}

.invoteHeadBorder {
  border-bottom: 2px solid #000;
  border-top: 2px solid #000;
  padding: 5px 0 0;
}

.invoteTtl {
  border-bottom: 2px solid #000;
  color: #040000;
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
}

.invoteDate {
  color: #040000;
  font-size: 1.4rem;
}

.invoteTxt,
.invoteTxtBorder,
.invoteTxtRight {
  color: #040000;
  font-size: 1.4rem;
}

.invoteTxtRight {
  text-align: right;
}

.invoteTxtBorder {
  border: 2px solid #CCC;
  padding: 10px;
}

.invoteTxt.reFont,
.reFont.invoteTxtRight,
.reFont.invoteTxtBorder {
  font-size: 1.6rem;
}

.invoteDes {
  display: flex;
}

.invoteDes span {
  color: #040000;
  font-size: 1.4rem;
  width: calc(100% - 100px);
}

.invoteDes span:first-child {
  width: 100px;
}

.invotePrice {
  border-bottom: 2px solid #000;
  display: flex;
  font-size: 1.7rem;
  justify-content: space-between;
  margin-top: 15px;
}

.invoteRow {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.invoteCol {
  width: 45%;
}

.invoteInfo {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
}

.invoteBox {
  display: inline-block;
}

.invoteTable,
.invoteTableSignature {
  margin-bottom: 30px;
  width: 100%;
}

.invoteTable .account,
.invoteTableSignature .account {
  border: 1px solid #000;
  border-collapse: collapse;
  width: 100%;
}

.invoteTable .account th,
.invoteTableSignature .account th,
.invoteTable .account td,
.invoteTableSignature .account td {
  border: 1px solid #000;
  color: #040000;
  font-size: 1.3rem;
  padding: 5px;
}

.invoteTable .account th,
.invoteTableSignature .account th {
  background-color: #BCBCBC;
  text-align: center;
}

.invoteTable .account .textRight,
.invoteTableSignature .account .textRight {
  text-align: right;
}

.invoteTable .account .textCenter,
.invoteTableSignature .account .textCenter {
  text-align: center;
}

.invoteTable .sum,
.invoteTableSignature .sum {
  width: 33%;
  margin-top: 10px;
  margin-left: auto;
  border-bottom: 2px solid #A3A3A3;
  font-size: 1.6rem;
}

.invoteTable .sum th,
.invoteTableSignature .sum th {
  padding: 5px 0px;
  text-align: left;
  font-weight: bold;
}

.invoteTable .sum td,
.invoteTableSignature .sum td {
  padding: 5px 0px;
  text-align: right;
}

.invoteTable .sum .subtotal,
.invoteTableSignature .sum .subtotal,
.invoteTable .sum .tax,
.invoteTableSignature .sum .tax {
  border-bottom: 3px double #A3A3A3;
}

.invoteTableSignature {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
}

.invoteTableSignature .account {
  width: 200px;
}

.invoteTableSignature td {
  text-align: center;
  width: 100px;
  height: 70px;
}

.receiptBox {
  width: 2in;
  margin: 0 auto;
  padding: 10px;
  font-size: 1rem;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #FFF;
  page-break-inside: avoid;
}

.receiptBox p {
  margin-bottom: 5px;
}

.receiptBox .ttl {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

.receiptBox .ttl.style01 {
  margin-bottom: 10px;
}

.receiptBox .txt01 {
  margin-bottom: 15px;
  text-align: center;
}

.receiptBox .billBox {
  padding: 10px 0px;
  border-top: 1px dashed #000;
}

.receiptBox .billBox .item {
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
}

.receiptBox .billBox .itemName {
  margin-right: 10px;
  min-width: 30px;
}

@media print {
  page[size=POS] {
    width: 58mm;
  }

  body {
    background-color: #FFF;
  }

  .printBtn {
    visibility: hidden;
  }
}

.keyv {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  height: 200px;
  padding: 20px;
  background: url(/img/user/keyv.jpg) no-repeat 50% 50%;
  background-size: cover;
}

@media only screen and (max-width: 767.98px) {
  .keyv {
    min-height: 100px;
    height: 100px;
  }

  .keyv .headline2 {
    font-size: 1.8rem;
  }
}

.uSchedule {
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 30px;
  padding: 42px;
  position: relative;
}

.uScheduleWrap {
  opacity: 0;
  position: relative;
  transition: opacity 0.3s;
}

.uScheduleWrap.show {
  opacity: 1;
}

.uScheduleToolbar {
  display: flex;
  padding-bottom: 20px;
}

.uScheduleToolbarO {
  align-items: center;
  color: #83D9D9;
  display: flex;
  font-size: 1.2rem;
  font-weight: 700;
  margin-right: 15px;
  position: relative;
}

.uScheduleToolbarO::before {
  border: 5px solid #83D9D9;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 5px;
  width: 20px;
}

.uScheduleToolbarX {
  align-items: center;
  border-radius: 5px;
  color: #F491B8;
  display: flex;
  font-size: 1.2rem;
  font-weight: 700;
  padding-left: 25px;
  position: relative;
}

.uScheduleToolbarX::before {
  background-color: #F491B8;
  border-radius: 3px;
  content: "";
  display: inline-block;
  height: 5px;
  left: 0;
  position: absolute;
  transform: rotate(45deg) translateY(-50%);
  top: 50%;
  width: 20px;
}

.uScheduleToolbarX::after {
  background-color: #F491B8;
  border-radius: 3px;
  content: "";
  display: inline-block;
  height: 5px;
  left: 3px;
  position: absolute;
  transform: rotate(-45deg) translateY(-50%);
  top: 50%;
  width: 20px;
}

.uScheduleInfo {
  width: 100%;
  padding: 20px 20px 15px;
  background-color: #F0EFF6;
  border-radius: 7px;
}

.uScheduleInfo h2 {
  color: #353396;
  font-weight: bold;
  font-size: 1.4rem;
}

.uScheduleInfo h2:not(:first-child) {
  margin-top: 20px;
}

.uScheduleBox {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.uScheduleBox::-webkit-scrollbar {
  background-color: #e6e6e6;
  height: 10px;
  overflow: visible;
  width: 10px;
}

.uScheduleBox::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}

.uScheduleBox::-webkit-scrollbar-track {
  background-clip: padding-box;
  box-shadow: inset 1px 0 0 #E5E5E5;
}

.uScheduleBox::-webkit-scrollbar-track:hover {
  background-color: #BBBBBB;
  box-shadow: inset 1px 0 0 #E5E5E5;
}

.uScheduleBox::-webkit-scrollbar-track:active {
  background-color: #BBBBBB;
  box-shadow: inset 1px 0 0 #BBBBBB, inset -1px 0 0 #BBBBBB;
}

.uScheduleBox::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background-color: #BBBBBB;
  background-clip: padding-box;
  border: solid transparent;
  border-width: 1px 1px 1px 0px;
  min-height: 28px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 #E5E5E5, inset 0 -1px 0 #BBBBBB;
}

.uScheduleBox::-webkit-scrollbar-thumb:hover {
  background-color: #BBBBBB;
  box-shadow: inset 1px 1px 1px #BBBBBB;
}

.uScheduleBox::-webkit-scrollbar-thumb:active {
  background-color: #BBBBBB;
  box-shadow: inset 1px 1px 3px #E5E5E5;
}

.uScheduleBox[data-cols="10"] .uScheduleHeadBox .uScheduleItemDate,
.uScheduleBox[data-cols="10"] .uScheduleHeadBoxShiga .uScheduleItemDate,
.uScheduleBox[data-cols="10"] .uScheduleHeadBoxOther .uScheduleItemDate {
  min-width: inherit;
  width: calc(100% / 10);
}

.uScheduleBox[data-cols="10"] .uScheduleContent .uScheduleItemValue,
.uScheduleBox[data-cols="10"] .uScheduleContent .uScheduleItemValueShiga,
.uScheduleBox[data-cols="10"] .uScheduleContent .uScheduleItemValueOther {
  min-width: inherit;
  width: calc((100% - 325px) / 10);
}

.uScheduleBox[data-cols="11"] .uScheduleHeadBox .uScheduleItemDate,
.uScheduleBox[data-cols="11"] .uScheduleHeadBoxShiga .uScheduleItemDate,
.uScheduleBox[data-cols="11"] .uScheduleHeadBoxOther .uScheduleItemDate {
  min-width: inherit;
  width: calc(100% / 11);
}

.uScheduleBox[data-cols="11"] .uScheduleContent .uScheduleItemValue,
.uScheduleBox[data-cols="11"] .uScheduleContent .uScheduleItemValueShiga,
.uScheduleBox[data-cols="11"] .uScheduleContent .uScheduleItemValueOther {
  min-width: inherit;
  width: calc((100% - 325px) / 11);
}

.uScheduleBox[data-cols="12"] .uScheduleHeadBox .uScheduleItemDate,
.uScheduleBox[data-cols="12"] .uScheduleHeadBoxShiga .uScheduleItemDate,
.uScheduleBox[data-cols="12"] .uScheduleHeadBoxOther .uScheduleItemDate {
  min-width: inherit;
  width: calc(100% / 12);
}

.uScheduleBox[data-cols="12"] .uScheduleContent .uScheduleItemValue,
.uScheduleBox[data-cols="12"] .uScheduleContent .uScheduleItemValueShiga,
.uScheduleBox[data-cols="12"] .uScheduleContent .uScheduleItemValueOther {
  min-width: inherit;
  width: calc((100% - 325px) / 12);
}

.uScheduleBox[data-cols="13"] .uScheduleHeadBox .uScheduleItemDate,
.uScheduleBox[data-cols="13"] .uScheduleHeadBoxShiga .uScheduleItemDate,
.uScheduleBox[data-cols="13"] .uScheduleHeadBoxOther .uScheduleItemDate {
  min-width: inherit;
  width: calc(100% / 13);
}

.uScheduleBox[data-cols="13"] .uScheduleContent .uScheduleItemValue,
.uScheduleBox[data-cols="13"] .uScheduleContent .uScheduleItemValueShiga,
.uScheduleBox[data-cols="13"] .uScheduleContent .uScheduleItemValueOther {
  min-width: inherit;
  width: calc((100% - 325px) / 13);
}

.uScheduleBox[data-cols="14"] .uScheduleHeadBox .uScheduleItemDate,
.uScheduleBox[data-cols="14"] .uScheduleHeadBoxShiga .uScheduleItemDate,
.uScheduleBox[data-cols="14"] .uScheduleHeadBoxOther .uScheduleItemDate {
  min-width: inherit;
  width: calc(100% / 14);
}

.uScheduleBox[data-cols="14"] .uScheduleContent .uScheduleItemValue,
.uScheduleBox[data-cols="14"] .uScheduleContent .uScheduleItemValueShiga,
.uScheduleBox[data-cols="14"] .uScheduleContent .uScheduleItemValueOther {
  min-width: inherit;
  width: calc((100% - 325px) / 14);
}

.uScheduleBox[data-cols="15"] .uScheduleHeadBox .uScheduleItemDate,
.uScheduleBox[data-cols="15"] .uScheduleHeadBoxShiga .uScheduleItemDate,
.uScheduleBox[data-cols="15"] .uScheduleHeadBoxOther .uScheduleItemDate {
  min-width: inherit;
  width: calc(100% / 15);
}

.uScheduleBox[data-cols="15"] .uScheduleContent .uScheduleItemValue,
.uScheduleBox[data-cols="15"] .uScheduleContent .uScheduleItemValueShiga,
.uScheduleBox[data-cols="15"] .uScheduleContent .uScheduleItemValueOther {
  min-width: inherit;
  width: calc((100% - 325px) / 15);
}

.uScheduleBox[data-cols="16"] .uScheduleHeadBox .uScheduleItemDate,
.uScheduleBox[data-cols="16"] .uScheduleHeadBoxShiga .uScheduleItemDate,
.uScheduleBox[data-cols="16"] .uScheduleHeadBoxOther .uScheduleItemDate {
  min-width: inherit;
  width: calc(100% / 16);
}

.uScheduleBox[data-cols="16"] .uScheduleContent .uScheduleItemValue,
.uScheduleBox[data-cols="16"] .uScheduleContent .uScheduleItemValueShiga,
.uScheduleBox[data-cols="16"] .uScheduleContent .uScheduleItemValueOther {
  min-width: inherit;
  width: calc((100% - 325px) / 16);
}

.uScheduleBox[data-cols="17"] .uScheduleHeadBox .uScheduleItemDate,
.uScheduleBox[data-cols="17"] .uScheduleHeadBoxShiga .uScheduleItemDate,
.uScheduleBox[data-cols="17"] .uScheduleHeadBoxOther .uScheduleItemDate {
  min-width: inherit;
  width: calc(100% / 17);
}

.uScheduleBox[data-cols="17"] .uScheduleContent .uScheduleItemValue,
.uScheduleBox[data-cols="17"] .uScheduleContent .uScheduleItemValueShiga,
.uScheduleBox[data-cols="17"] .uScheduleContent .uScheduleItemValueOther {
  min-width: inherit;
  width: calc((100% - 325px) / 17);
}

.uScheduleBox[data-cols="18"] .uScheduleHeadBox .uScheduleItemDate,
.uScheduleBox[data-cols="18"] .uScheduleHeadBoxShiga .uScheduleItemDate,
.uScheduleBox[data-cols="18"] .uScheduleHeadBoxOther .uScheduleItemDate {
  min-width: inherit;
  width: calc(100% / 18);
}

.uScheduleBox[data-cols="18"] .uScheduleContent .uScheduleItemValue,
.uScheduleBox[data-cols="18"] .uScheduleContent .uScheduleItemValueShiga,
.uScheduleBox[data-cols="18"] .uScheduleContent .uScheduleItemValueOther {
  min-width: inherit;
  width: calc((100% - 325px) / 18);
}

.uScheduleBox[data-cols="19"] .uScheduleHeadBox .uScheduleItemDate,
.uScheduleBox[data-cols="19"] .uScheduleHeadBoxShiga .uScheduleItemDate,
.uScheduleBox[data-cols="19"] .uScheduleHeadBoxOther .uScheduleItemDate {
  min-width: inherit;
  width: calc(100% / 19);
}

.uScheduleBox[data-cols="19"] .uScheduleContent .uScheduleItemValue,
.uScheduleBox[data-cols="19"] .uScheduleContent .uScheduleItemValueShiga,
.uScheduleBox[data-cols="19"] .uScheduleContent .uScheduleItemValueOther {
  min-width: inherit;
  width: calc((100% - 325px) / 19);
}

.uScheduleBox[data-cols="20"] .uScheduleHeadBox .uScheduleItemDate,
.uScheduleBox[data-cols="20"] .uScheduleHeadBoxShiga .uScheduleItemDate,
.uScheduleBox[data-cols="20"] .uScheduleHeadBoxOther .uScheduleItemDate {
  min-width: inherit;
  width: calc(100% / 20);
}

.uScheduleBox[data-cols="20"] .uScheduleContent .uScheduleItemValue,
.uScheduleBox[data-cols="20"] .uScheduleContent .uScheduleItemValueShiga,
.uScheduleBox[data-cols="20"] .uScheduleContent .uScheduleItemValueOther {
  min-width: inherit;
  width: calc((100% - 325px) / 20);
}

.uSchedule .hidden {
  visibility: hidden !important;
}

.uScheduleFixed {
  left: 0;
  position: absolute;
  top: 0;
  width: 325px;
  z-index: 2;
}

.uScheduleFixed .uScheduleHead,
.uScheduleFixed .uScheduleContent {
  min-width: 100%;
}

.uScheduleFixed .uScheduleItem {
  flex-wrap: wrap;
}

.uScheduleHead {
  display: flex;
  min-width: 1056px;
  width: 100%;
}

.uScheduleHeadBox,
.uScheduleHeadBoxShiga,
.uScheduleHeadBoxOther {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 325px);
}

.uScheduleHeadBox div,
.uScheduleHeadBoxShiga div,
.uScheduleHeadBoxOther div {
  align-items: center;
  background-color: #0A094B;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #fff;
  display: flex;
  font-size: 1.3rem;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  min-width: 56px;
  text-decoration: none;
  width: calc(100% / 13);
}

.uScheduleHeadBox div span,
.uScheduleHeadBoxShiga div span,
.uScheduleHeadBoxOther div span {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
}

.uScheduleHeadBoxOther div {
  width: calc(100% / 4);
}

.uScheduleHeadBoxShiga div {
  width: calc(100% / 12);
}

.uScheduleContent {
  min-width: 1056px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  max-height: 60px;
  transition: max-height 0.25s cubic-bezier(0, 1, 0, 1);
}

.uScheduleContent.expand {
  max-height: 5000px;
  transition: max-height 0.25s ease-in-out;
}

.uScheduleContent.expand .uScheduleAccor::before {
  transform: rotate(50deg) translateY(-50%);
}

.uScheduleContent.expand .uScheduleAccor::after {
  left: 21px;
  transform: rotate(-50deg) translateY(-50%);
}

.uScheduleYear {
  align-items: center;
  background-color: #0A094B;
  border: 1px solid #ccc;
  border-top-width: 0;
  color: #fff;
  display: flex;
  font-weight: 700;
  height: 60px;
  line-height: 1.3;
  padding: 10px;
  width: 325px;
}

.uScheduleYear span {
  display: block;
  font-size: 3.4rem;
  font-weight: 700;
}

.uScheduleYear span em {
  font-style: normal;
  font-size: 2rem;
}

.uScheduleYear span .date {
  display: inline-block;
  font-size: 3.4rem;
  font-weight: 500;
  font-family: "Oswald", sans-serif;
}

.uScheduleItem {
  display: flex;
  flex-wrap: nowrap;
}

.uScheduleAccor {
  align-items: center;
  background-color: #ECEDF0;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  color: #333;
  display: flex;
  font-size: 1.8rem;
  height: 60px;
  padding: 5px 5px 5px 40px;
  position: relative;
  text-decoration: none;
  width: 325px;
}

.uScheduleAccor span {
  line-height: 1.3;
  text-align: center;
}

.uScheduleAccor::before {
  background-color: #C7C7C7;
  border-radius: 3px;
  content: "";
  display: inline-block;
  height: 3px;
  left: 10px;
  position: absolute;
  transform: rotate(-50deg) translateY(-50%);
  transition: transform 0.25s;
  top: 50%;
  width: 15px;
}

.uScheduleAccor::after {
  background-color: #C7C7C7;
  border-radius: 3px;
  content: "";
  display: inline-block;
  height: 3px;
  left: 16px;
  position: absolute;
  transform: rotate(50deg) translateY(-50%);
  transition: transform 0.25s;
  top: 50%;
  width: 15px;
}

.uScheduleAccor:hover {
  cursor: pointer;
}

.uScheduleAccorValue {
  background-color: #ECEDF0;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  display: flex;
  height: 60px;
  width: calc(100% - 325px);
}

.uScheduleItemTtl {
  font-family: "Oswald Number";
  background-color: #E4E5EA;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #333;
  font-size: 1.8rem;
  min-height: 61px;
  height: auto;
  min-width: 56px;
  padding: 23px 20px 17px;
  position: relative;
  text-decoration: none;
  width: calc((100% - 325px) / 13);
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-weight: bold;
}

.uScheduleItemTtl:first-child {
  background-color: #E4E5EA;
  border-left: 1px solid #ccc;
  width: 325px;
}

.uScheduleItemTtl span {
  display: inline-block;
  margin-bottom: 5px;
  line-height: 1.3;
}

.uScheduleItemValue,
.uScheduleItemValueShiga,
.uScheduleItemValueOther {
  align-items: center;
  justify-content: center;
  background-color: #E4E5EA;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #353396;
  display: flex;
  font-size: 2.8rem;
  font-weight: medium;
  min-height: 61px;
  height: auto;
  min-width: 46px;
  padding: 5px;
  position: relative;
  text-decoration: none;
  width: calc((100% - 325px) / 13);
}

.uScheduleItemValue:first-child,
.uScheduleItemValueShiga:first-child,
.uScheduleItemValueOther:first-child {
  background-color: #E4E5EA;
  border-left: 1px solid #ccc;
  width: 325px;
}

.uScheduleItemValue span,
.uScheduleItemValueShiga span,
.uScheduleItemValueOther span {
  align-items: center;
  display: flex;
  height: 50px;
  justify-content: center;
  line-height: 1.3;
  text-align: center;
  font-weight: bold;
  font-weight: 500;
  font-family: "Oswald Number", sans-serif;
}

.uScheduleItemValueOther {
  width: calc((100% - 325px) / 4);
}

.uScheduleItemValueShiga {
  width: calc((100% - 325px) / 12);
}

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

.uScheduleItemValueO::before {
  border: 4px solid #83D9D9;
  border-radius: 50%;
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
}

.uScheduleItemValueX {
  background-color: #FFEAF2;
  border-radius: 5px;
  position: relative;
  width: 100%;
}

.uScheduleItemValueX::before {
  background-color: #F491B8;
  border-radius: 3px;
  content: "";
  display: inline-block;
  height: 4px;
  left: 10px;
  position: absolute;
  transform: rotate(45deg) translateY(-50%);
  top: 50%;
  width: 23px;
}

.uScheduleItemValueX::after {
  background-color: #F491B8;
  border-radius: 3px;
  content: "";
  display: inline-block;
  height: 4px;
  left: 13px;
  position: absolute;
  transform: rotate(-45deg) translateY(-50%);
  top: 50%;
  width: 23px;
}

.uScheduleItemValueTxt {
  background-color: #FFEAF2;
  border-radius: 5px;
  color: #F491B8;
  font-size: 1rem;
  font-weight: 700;
  height: 50px;
  left: 5px;
  overflow: hidden;
  padding-top: 5px;
  position: absolute;
  top: 5px;
  width: calc(100% - 10px);
  z-index: 1;
}

.uScheduleItemValueTxt em {
  display: -webkit-box;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.uScheduleItemValueTxt[data-width="2"] {
  width: calc(56px * 2 - 10px);
}

.uScheduleItemValueTxt[data-width="3"] {
  width: calc(56px * 3 - 10px);
}

.uScheduleItemValueTxt[data-width="4"] {
  width: calc(56px * 4 - 10px);
}

.uScheduleItemValueTxt[data-width="5"] {
  width: calc(56px * 5 - 10px);
}

.uScheduleItemValueTxt[data-width="6"] {
  width: calc(56px * 6 - 10px);
}

.uScheduleItemValueTxt[data-width="7"] {
  width: calc(56px * 7 - 10px);
}

.uScheduleItemValueTxt[data-width="8"] {
  width: calc(56px * 8 - 10px);
}

.uScheduleItemValueTxt[data-width="9"] {
  width: calc(56px * 9 - 10px);
}

.uScheduleItemValueTxt[data-width="10"] {
  width: calc(56px * 10 - 10px);
}

.uScheduleItemValueTxt[data-width="11"] {
  width: calc(56px * 11 - 10px);
}

.uScheduleItemValueTxt[data-width="12"] {
  width: calc(56px * 12 - 10px);
}

.uScheduleItemValueTxt[data-width="13"] {
  width: calc(56px * 13 - 10px);
}

.uScheduleStatus {
  display: flex;
  font-size: 1.4rem;
}

.uScheduleStatus em {
  background-color: #353396;
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-block;
  height: 14px;
  margin-left: 3px;
  width: 14px;
}

.uScheduleStatus em.disable {
  background-color: #C1C0DB;
}

.uSchedule .datepickerBox {
  min-width: auto;
}

.uSchedule .datepickerBox.style01 .datepickerWeek {
  top: 100%;
  left: 0;
}

.uSchedule .datepickerBox.style01 .datepickerWeek .ui-datepicker th {
  color: #FFF;
}

.uSchedule .datepickerWeek {
  min-width: 475px;
  top: 50px;
  left: -180px;
}

.uSchedule .ui-datepicker th {
  color: #444;
}

.uSchedule .ui-state-default,
.uSchedule .ui-widget-content .ui-state-default {
  color: #2D2C7E;
}

.uSchedule .datepickerBox .ui-widget-content .ui-datepicker-week-end:first-child .ui-state-default {
  color: #2D2C7E !important;
}

@media only screen and (max-width: 767.98px) {
  .uSchedule {
    border-radius: 4px;
    padding: 0;
    background-color: transparent;
  }

  .uSchedule .datepickerWeek {
    min-width: 270px;
    left: -155px;
  }

  .uScheduleBox[data-cols="10"] .uScheduleContent .uScheduleItemValue,
  .uScheduleBox[data-cols="10"] .uScheduleContent .uScheduleItemValueOther,
  .uScheduleBox[data-cols="10"] .uScheduleContent .uScheduleItemValueShiga {
    min-width: inherit;
    width: calc((100% - 165px) / 10);
  }

  .uScheduleBox[data-cols="11"] .uScheduleContent .uScheduleItemValue,
  .uScheduleBox[data-cols="11"] .uScheduleContent .uScheduleItemValueOther,
  .uScheduleBox[data-cols="11"] .uScheduleContent .uScheduleItemValueShiga {
    min-width: inherit;
    width: calc((100% - 165px) / 11);
  }

  .uScheduleBox[data-cols="12"] .uScheduleContent .uScheduleItemValue,
  .uScheduleBox[data-cols="12"] .uScheduleContent .uScheduleItemValueOther,
  .uScheduleBox[data-cols="12"] .uScheduleContent .uScheduleItemValueShiga {
    min-width: inherit;
    width: calc((100% - 165px) / 12);
  }

  .uScheduleBox[data-cols="13"] .uScheduleContent .uScheduleItemValue,
  .uScheduleBox[data-cols="13"] .uScheduleContent .uScheduleItemValueOther,
  .uScheduleBox[data-cols="13"] .uScheduleContent .uScheduleItemValueShiga {
    min-width: inherit;
    width: calc((100% - 165px) / 13);
  }

  .uScheduleBox[data-cols="14"] .uScheduleContent .uScheduleItemValue,
  .uScheduleBox[data-cols="14"] .uScheduleContent .uScheduleItemValueOther,
  .uScheduleBox[data-cols="14"] .uScheduleContent .uScheduleItemValueShiga {
    min-width: inherit;
    width: calc((100% - 165px) / 14);
  }

  .uScheduleBox[data-cols="15"] .uScheduleContent .uScheduleItemValue,
  .uScheduleBox[data-cols="15"] .uScheduleContent .uScheduleItemValueOther,
  .uScheduleBox[data-cols="15"] .uScheduleContent .uScheduleItemValueShiga {
    min-width: inherit;
    width: calc((100% - 165px) / 15);
  }

  .uScheduleBox[data-cols="16"] .uScheduleContent .uScheduleItemValue,
  .uScheduleBox[data-cols="16"] .uScheduleContent .uScheduleItemValueOther,
  .uScheduleBox[data-cols="16"] .uScheduleContent .uScheduleItemValueShiga {
    min-width: inherit;
    width: calc((100% - 165px) / 16);
  }

  .uScheduleBox[data-cols="17"] .uScheduleContent .uScheduleItemValue,
  .uScheduleBox[data-cols="17"] .uScheduleContent .uScheduleItemValueOther,
  .uScheduleBox[data-cols="17"] .uScheduleContent .uScheduleItemValueShiga {
    min-width: inherit;
    width: calc((100% - 165px) / 17);
  }

  .uScheduleBox[data-cols="18"] .uScheduleContent .uScheduleItemValue,
  .uScheduleBox[data-cols="18"] .uScheduleContent .uScheduleItemValueOther,
  .uScheduleBox[data-cols="18"] .uScheduleContent .uScheduleItemValueShiga {
    min-width: inherit;
    width: calc((100% - 165px) / 18);
  }

  .uScheduleBox[data-cols="19"] .uScheduleContent .uScheduleItemValue,
  .uScheduleBox[data-cols="19"] .uScheduleContent .uScheduleItemValueOther,
  .uScheduleBox[data-cols="19"] .uScheduleContent .uScheduleItemValueShiga {
    min-width: inherit;
    width: calc((100% - 165px) / 19);
  }

  .uScheduleBox[data-cols="20"] .uScheduleContent .uScheduleItemValue,
  .uScheduleBox[data-cols="20"] .uScheduleContent .uScheduleItemValueOther,
  .uScheduleBox[data-cols="20"] .uScheduleContent .uScheduleItemValueShiga {
    min-width: inherit;
    width: calc((100% - 165px) / 20);
  }

  .uScheduleInfo {
    background-color: #DCDBEB;
  }

  .uScheduleWrap {
    margin: 0 -15px;
  }

  .uScheduleFixed {
    width: 200px;
  }

  .uScheduleHead {
    min-width: 893px;
  }

  .uScheduleHeadBox,
  .uScheduleHeadBoxOther,
  .uScheduleHeadBoxShiga {
    width: calc(100% - 165px);
  }

  .uScheduleHeadBox div,
  .uScheduleHeadBoxOther div,
  .uScheduleHeadBoxShiga div {
    font-size: 1.4rem;
    height: 50px;
    max-width: 56px;
    width: calc(100% / 13);
  }

  .uScheduleContent {
    min-width: 893px;
    max-height: 50px;
  }

  .uScheduleContent.expand .uScheduleAccor::after {
    left: 12px;
  }

  .uScheduleYear {
    height: 50px;
    padding: 10px;
    width: 165px;
  }

  .uScheduleYear span {
    font-size: 1.8rem;
  }

  .uScheduleYear span em {
    font-size: 1.2rem;
  }

  .uScheduleYear span .date {
    font-size: 1.8rem;
  }

  .uScheduleAccor {
    font-size: 1.6rem;
    height: 50px;
    width: 56px;
    padding: 5px 5px 5px 20px;
    width: 165px;
  }

  .uScheduleAccor::before {
    height: 2px;
    left: 5px;
    width: 10px;
  }

  .uScheduleAccor::after {
    height: 2px;
    left: 9px;
    width: 10px;
  }

  .uScheduleAccorValue {
    height: 50px;
    width: calc(100% - 165px);
  }

  .uScheduleItemTtl {
    font-size: 1.6rem;
    min-height: 51px;
    padding: 5px 10px;
    width: calc((100% - 165px) / 13);
  }

  .uScheduleItemTtl:first-child {
    width: 165px;
  }

  .uScheduleItemValue,
  .uScheduleItemValueOther,
  .uScheduleItemValueShiga {
    font-size: 2.8rem;
    min-height: 51px;
    max-width: 56px;
    padding: 5px;
    width: calc((100% - 165px) / 13);
  }

  .uScheduleItemValue:first-child,
  .uScheduleItemValueOther:first-child,
  .uScheduleItemValueShiga:first-child {
    width: 165px;
  }

  .uScheduleItemValue span,
  .uScheduleItemValueOther span,
  .uScheduleItemValueShiga span {
    height: 40px;
  }

  .uScheduleItemValueO::before {
    border-width: 3px;
    width: 20px;
    height: 20px;
  }

  .uScheduleItemValueX {
    border-radius: 5px;
  }

  .uScheduleItemValueX::before {
    height: 3px;
    left: 13px;
    width: 20px;
  }

  .uScheduleItemValueX::after {
    height: 3px;
    left: 15px;
    width: 20px;
  }

  .uScheduleItemValueTxt {
    border-radius: 5px;
    font-size: 1.1rem;
    height: 50px;
    left: 5px;
  }

  .uScheduleStatus {
    right: 5px;
    font-size: 1.4rem;
    font-weight: normal;
  }

  .uScheduleStatus em {
    border-width: 1px;
    height: 10px;
    margin-left: 2px;
    width: 10px;
  }

  .uScheduleToolbar {
    background-color: #FFF;
    margin: 0 -15px;
    padding: 15px;
  }
}

html {
  font-size: 10px;
}

body {
  min-width: 1024px;
  overflow-x: hidden;
}

.main {
  transition: margin-left 0.3s;
  margin-bottom: 100px;
  min-width: 100vw;
}

.font-Oswald {
  font-family: "Oswald", sans-serif;
}

.fz25 {
  font-size: 2.5rem;
}

.fwb {
  font-weight: bold;
}

.inner01 {
  width: 100%;
  max-width: 1470px;
  margin: 0 auto;
  padding: 0 15px;
}

.inner02 {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 15px;
}

.inner03 {
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
  padding: 0 15px;
}

.inner04 {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
}

.inner05 {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: 0 15px;
}

.inner05 {
  width: 100%;
  max-width: 1615px;
  margin: 0 auto;
  padding: 0 15px;
}

.inner06 {
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
  padding: 0 15px;
}

.inner07 {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding: 0 15px;
}

.bgContent {
  background: #001469 url(/img/common/bg.jpg) no-repeat 0 0/100%;
  min-height: 100vh;
  background-size: cover;
}

.bgContent01 {
  background: url(/img/user/bg_login.jpg) no-repeat 50% 50%;
  background-size: cover;
  height: 100% !important;
  min-height: calc(100vh - 190px) !important;
}

.bgContent01.maintenance {
  padding: 30px 0px;
}

.bgContent02 {
  background: url(/img/user/bg_menu.jpg) no-repeat 50% 50%;
  background-size: cover;
  min-height: calc(100vh - 190px) !important;
  height: 100% !important;
  padding: 50px 0 150px;
}

.bgContent03 {
  background: url(/img/user/bg_schedule.jpg) no-repeat 50% 50%;
  background-size: cover;
  min-height: calc(100vh - 190px) !important;
  height: 100% !important;
  padding: 50px 0;
}

@media only screen and (max-width: 767.98px) {
  .bgContent02 {
    padding: 50px 0 80px;
  }
}

.pageTopMypage .bgContent02 {
  min-height: calc(100vh - 170px) !important;
}

.bgContentAdmin {
  background: #001469 url(/img/common/bg_black.jpg) no-repeat 0 0/100%;
  min-height: 100vh;
  background-size: cover;
}

.hideInput {
  background-color: transparent;
  border: 0;
  height: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 0;
}

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

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

.pt-70 {
  padding-top: 70px !important;
}

@media only screen and (min-width: 768px) {
  .blockPt80Pc {
    padding-top: 80px;
  }
}

.opct-0 {
  opacity: 0;
}

.border-r {
  border-right: 1px solid rgba(133, 133, 174, 0.36);
  padding-right: 1rem;
}

.rowP19 {
  margin-left: -19px;
  margin-right: -19px;
}

.rowP19 > [class^=col-] {
  padding-left: 19px;
  padding-right: 19px;
}

.errorBox {
  display: flex;
  align-items: center;
  padding: 18px 30px 18px;
  border-radius: 4px;
  background-color: #F9DAE5;
  font-size: 1.4rem;
  font-weight: bold;
  color: #DB2564;
  margin-bottom: 20px;
}

.officeClaimant:not(:last-child) .groupTrans {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #CCC;
}

.facilityBox {
  display: flex;
  align-items: center;
  padding: 18px 30px 18px;
  border: 1px solid #A8A8A8;
  background-color: #FFF;
  font-size: 1.4rem;
  color: #000;
  margin-bottom: 20px;
}

.facilityBox .facilityTxt01 {
  width: calc(100% - 170px);
  margin-bottom: 0;
  text-align: center;
}

.facilityBox .facilityTxt02 {
  width: 150px;
  margin: 0 0 0 20px;
  color: #E3342F;
  text-align: right;
}

.btnAddRow {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}

#pageError {
  min-width: auto;
  padding-bottom: 0;
}

.pageNotFoundBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 50px);
  text-align: center;
  width: 100%;
  max-width: 90vw;
  margin: 0 auto;
  padding: 15px 0px;
  transition: left 0.3s;
}

.pageNotFoundBox .ttl {
  font-size: 3rem;
  font-weight: bold;
  color: #FFF;
}

.pageNotFoundBox.left {
  text-align: left;
  align-items: flex-start;
}

@media only screen and (max-width: 767.98px) {
  .pageNotFoundBox {
    max-width: 100%;
  }

  .pageNotFoundBox .ttl {
    font-size: 2rem;
  }
}

.receptionBox {
  background-color: #000556;
  padding: 40px 50px;
  border-radius: 10px;
  color: #FFF;
}

.receptionBoxTtl {
  margin-bottom: 3rem;
  color: #FFF;
  font-size: 2.1rem;
  text-align: center;
  font-weight: bold;
}

@media only screen and (max-width: 991.98px) {
  .pcDisplay {
    display: none;
  }
}

.spDisplay {
  display: none;
}

@media only screen and (max-width: 767.98px) {
  .spDisplay {
    display: block;
  }
}

.form-control.w-50,
.box-select.w-50 {
  max-width: 5rem;
  width: 100%;
}

.w-50 {
  width: 5rem !important;
}

.wStyle-50 {
  width: calc($width*1%) !important;
}

.form-control.w-57,
.box-select.w-57 {
  max-width: 5.7rem;
  width: 100%;
}

.w-57 {
  width: 5.7rem !important;
}

.wStyle-57 {
  width: calc($width*1%) !important;
}

.form-control.w-68,
.box-select.w-68 {
  max-width: 6.8rem;
  width: 100%;
}

.w-68 {
  width: 6.8rem !important;
}

.wStyle-68 {
  width: calc($width*1%) !important;
}

.form-control.w-75,
.box-select.w-75 {
  max-width: 7.5rem;
  width: 100%;
}

.w-75 {
  width: 7.5rem !important;
}

.wStyle-75 {
  width: calc($width*1%) !important;
}

.form-control.w-85,
.box-select.w-85 {
  max-width: 8.5rem;
  width: 100%;
}

.w-85 {
  width: 8.5rem !important;
}

.wStyle-85 {
  width: calc($width*1%) !important;
}

.form-control.w-93,
.box-select.w-93 {
  max-width: 9.3rem;
  width: 100%;
}

.w-93 {
  width: 9.3rem !important;
}

.wStyle-93 {
  width: calc($width*1%) !important;
}

.form-control.w-100,
.box-select.w-100 {
  max-width: 10rem;
  width: 100%;
}

.w-100 {
  width: 10rem !important;
}

.wStyle-100 {
  width: calc($width*1%) !important;
}

.form-control.w-118,
.box-select.w-118 {
  max-width: 11.8rem;
  width: 100%;
}

.w-118 {
  width: 11.8rem !important;
}

.wStyle-118 {
  width: calc($width*1%) !important;
}

.form-control.w-125,
.box-select.w-125 {
  max-width: 12.5rem;
  width: 100%;
}

.w-125 {
  width: 12.5rem !important;
}

.wStyle-125 {
  width: calc($width*1%) !important;
}

.form-control.w-150,
.box-select.w-150 {
  max-width: 15rem;
  width: 100%;
}

.w-150 {
  width: 15rem !important;
}

.wStyle-150 {
  width: calc($width*1%) !important;
}

.form-control.w-166,
.box-select.w-166 {
  max-width: 16.6rem;
  width: 100%;
}

.w-166 {
  width: 16.6rem !important;
}

.wStyle-166 {
  width: calc($width*1%) !important;
}

.form-control.w-175,
.box-select.w-175 {
  max-width: 17.5rem;
  width: 100%;
}

.w-175 {
  width: 17.5rem !important;
}

.wStyle-175 {
  width: calc($width*1%) !important;
}

.form-control.w-185,
.box-select.w-185 {
  max-width: 18.5rem;
  width: 100%;
}

.w-185 {
  width: 18.5rem !important;
}

.wStyle-185 {
  width: calc($width*1%) !important;
}

.form-control.w-200,
.box-select.w-200 {
  max-width: 20rem;
  width: 100%;
}

.w-200 {
  width: 20rem !important;
}

.wStyle-200 {
  width: calc($width*1%) !important;
}

.form-control.w-230,
.box-select.w-230 {
  max-width: 23rem;
  width: 100%;
}

.w-230 {
  width: 23rem !important;
}

.wStyle-230 {
  width: calc($width*1%) !important;
}

.form-control.w-235,
.box-select.w-235 {
  max-width: 23.5rem;
  width: 100%;
}

.w-235 {
  width: 23.5rem !important;
}

.wStyle-235 {
  width: calc($width*1%) !important;
}

.form-control.w-250,
.box-select.w-250 {
  max-width: 25rem;
  width: 100%;
}

.w-250 {
  width: 25rem !important;
}

.wStyle-250 {
  width: calc($width*1%) !important;
}

.form-control.w-275,
.box-select.w-275 {
  max-width: 27.5rem;
  width: 100%;
}

.w-275 {
  width: 27.5rem !important;
}

.wStyle-275 {
  width: calc($width*1%) !important;
}

.form-control.w-300,
.box-select.w-300 {
  max-width: 30rem;
  width: 100%;
}

.w-300 {
  width: 30rem !important;
}

.wStyle-300 {
  width: calc($width*1%) !important;
}

.form-control.w-328,
.box-select.w-328 {
  max-width: 32.8rem;
  width: 100%;
}

.w-328 {
  width: 32.8rem !important;
}

.wStyle-328 {
  width: calc($width*1%) !important;
}

.form-control.w-350,
.box-select.w-350 {
  max-width: 35rem;
  width: 100%;
}

.w-350 {
  width: 35rem !important;
}

.wStyle-350 {
  width: calc($width*1%) !important;
}

.form-control.w-440,
.box-select.w-440 {
  max-width: 44rem;
  width: 100%;
}

.w-440 {
  width: 44rem !important;
}

.wStyle-440 {
  width: calc($width*1%) !important;
}

.form-control.w-450,
.box-select.w-450 {
  max-width: 45rem;
  width: 100%;
}

.w-450 {
  width: 45rem !important;
}

.wStyle-450 {
  width: calc($width*1%) !important;
}

.form-control.w-500,
.box-select.w-500 {
  max-width: 50rem;
  width: 100%;
}

.w-500 {
  width: 50rem !important;
}

.wStyle-500 {
  width: calc($width*1%) !important;
}

.form-control.w-550,
.box-select.w-550 {
  max-width: 55rem;
  width: 100%;
}

.w-550 {
  width: 55rem !important;
}

.wStyle-550 {
  width: calc($width*1%) !important;
}

.form-control.w-580,
.box-select.w-580 {
  max-width: 58rem;
  width: 100%;
}

.w-580 {
  width: 58rem !important;
}

.wStyle-580 {
  width: calc($width*1%) !important;
}

.form-control.w-700,
.box-select.w-700 {
  max-width: 70rem;
  width: 100%;
}

.w-700 {
  width: 70rem !important;
}

.wStyle-700 {
  width: calc($width*1%) !important;
}

.form-control.w-800,
.box-select.w-800 {
  max-width: 80rem;
  width: 100%;
}

.w-800 {
  width: 80rem !important;
}

.wStyle-800 {
  width: calc($width*1%) !important;
}

.form-control.w-960,
.box-select.w-960 {
  max-width: 96rem;
  width: 100%;
}

.w-960 {
  width: 96rem !important;
}

.wStyle-960 {
  width: calc($width*1%) !important;
}

.form-control.w-1000,
.box-select.w-1000 {
  max-width: 100rem;
  width: 100%;
}

.w-1000 {
  width: 100rem !important;
}

.wStyle-1000 {
  width: calc($width*1%) !important;
}

.tabBox {
  display: none;
}

#tab01,
#tabAnalysis02 {
  display: block;
}

@font-face {
  font-family: "Oswald Number";
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/oswald/v36/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZQ.woff2) format("woff2");
  unicode-range: U+0030-0039;
}

.member {
  overflow: hidden;
  width: 100vw;
}

.memberBox {
  background-color: #fff;
  padding: 35px;
}

.memberTtl {
  color: #000;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.memberTxt {
  color: #000;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 2.5rem;
}

.memberCredit {
  padding-top: 30px;
}

.memberCredit .memberTtl {
  font-size: 2.9rem;
  margin-bottom: 1.4rem;
}

.memberCredit .memberTxt {
  font-size: 1.4rem;
}

.memberTag {
  background-color: #7C7C7C;
  border-radius: 6px;
  color: #fff;
  font-size: 1.4rem;
  margin-left: 15px;
  padding: 5px 10px;
}

.member .keyv {
  margin-bottom: 45px;
}

.member .btn-large {
  font-size: 1.8rem;
  min-width: 375px !important;
  padding: 1.4rem 1.5rem 1.8rem;
}

.member .btn-large small {
  font-size: 1.2rem;
}

.member .tblStyle01 {
  box-shadow: none;
}

.member .tblStyle01:not(:last-child) {
  margin-bottom: 39px;
}

.member .errorBox {
  background-color: transparent;
  color: #FF0000;
  display: inline-block;
  margin-bottom: 25px;
  padding: 0;
}

.member .errorBox a {
  color: #FF0000;
  text-decoration: underline;
}

.member .errorBox a:hover {
  text-decoration: none;
}

.member .tblUser {
  box-shadow: none;
}

.member .tblUser td,
.member .tblUser th {
  font-size: 1.6rem;
  font-weight: 700;
  padding: 24px 27px;
}

.member .tblUser th {
  background-color: #EAEAEA;
  color: #000;
  font-weight: 700;
  text-align: center;
  width: 188px;
}

.member .inputItem .inputContent {
  padding-left: 26px;
}

.member .inputItem .inputContent:before {
  height: 22px;
  top: 2px;
  width: 22px;
}

.member .inputItem .inputContent01::after {
  background-color: #535353 !important;
  height: 12px;
  left: 5px;
  transform: inherit;
  top: 7px;
  width: 12px;
}

.member .inputItem:not(:last-child) {
  margin-right: 30px;
}

@media only screen and (max-width: 767.98px) {
  .memberBox {
    padding: 20px;
  }

  .memberTxt a {
    display: inline-block;
  }

  .member .keyv {
    margin-bottom: 20px;
  }

  .member .btn-large {
    min-width: 100% !important;
  }

  .member .tblStyle01:not(:last-child) {
    margin-bottom: 0;
  }

  .member .errorBox {
    margin-bottom: 20px;
  }

  .member .tblUser td,
  .member .tblUser th {
    font-size: 1.4rem;
    padding: 15px 20px;
  }

  .member .tblUser th {
    background-color: #353396;
    color: #fff;
    font-size: 1.6rem;
  }
}

.note {
  font-size: 1.5rem;
  text-indent: -15px;
  padding-left: 15px;
  color: #DB2564;
  font-weight: bold;
}

.setSpace {
  margin-bottom: 38px !important;
}

@media only screen and (max-width: 767.98px) {
  .setSpace {
    margin-bottom: 25px !important;
  }
}

.merchandiseLst {
  display: flex;
  justify-content: space-between;
}

.merchandiseLst > * {
  width: calc((100% - 20px) / 2);
}

.required,
.tblStyle01 th .unRequired {
  display: inline-block;
  font-size: 1.1rem;
  line-height: 1.3;
  font-weight: bold;
  color: #FFF;
  background-color: #DB2564;
  border-radius: 4px;
  padding: 2px 5px;
  margin-left: 10px;
  min-width: 32px;
}

.scroll-hint.is-right-scrollable {
  background: none !important;
  border-right: 1px solid #d5d5d5;
}

.scroll-hint.is-left-scrollable {
  background: none !important;
  border-left: 1px solid #d5d5d5;
}

.scroll-hint-icon {
  height: auto;
  padding: 8px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  z-index: 10;
}

.scroll-hint-icon:before {
  width: 25px;
  height: 25px;
  margin-top: 12px;
}

.header {
  background-color: #001489;
  padding-right: 47px;
  transition: margin-left 0.3s;
  min-width: 100vw;
}

.headerCol {
  height: 50px;
}

.headerToggle {
  background-color: #000B4E;
  display: inline-block;
  height: 100%;
  margin: 0 27px 0 0;
  position: relative;
  width: 80px;
}

.headerToggle:hover {
  cursor: pointer;
}

.headerToggle span,
.headerToggle::before,
.headerToggle::after {
  background-color: #FFF;
  border-radius: 5px;
  content: "";
  display: inline-block;
  height: 2px;
  left: 28px;
  position: absolute;
  top: 19px;
  width: 24px;
}

.headerToggle::after {
  top: 25px;
}

.headerToggle span {
  top: 31px;
  width: 16px;
}

.headerType {
  background-color: #4A5ED5;
  border-radius: 4px;
  color: #FFF;
  display: inline-block;
  font-size: 1.6rem;
  margin-left: 18px;
  padding: 2px 15px;
}

a.headerType:hover {
  color: #FFF;
  text-decoration: none;
}

.headerTime {
  color: #B2B2B2;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}

.headerName {
  color: #FFF;
  font-size: 15px;
  margin-left: 53px;
  transition: color 0.3s;
}

.headerName:hover {
  color: #B2B2B2;
  text-decoration: none;
}

.headerNav {
  height: 100%;
  list-style: none;
  margin: 0 0 0 15px;
  padding: 0;
}

.headerNav > li {
  margin-left: 15px;
}

.headerNav > li > a {
  border: 1px solid #B5B5B5;
  border-radius: 4px;
  color: #FFF;
  text-decoration: none;
  padding: 2px 15px;
  transition: background-color 0.3s, border-color 0.3s;
}

.headerNav > li > a:hover {
  background-color: #000B4E;
  border-color: #000B4E;
  text-decoration: none;
}

.headerLogo img {
  height: 20px;
}

.pageA .header {
  background-color: #000;
}

.pageA .headerToggle {
  background-color: #4D4D4D;
}

.pageA .headerType {
  background-color: transparent;
  border-radius: 0;
}

.header01 {
  background-color: #FFF;
  padding: 21px 40px 20px 21px;
  display: flex;
  justify-content: space-between;
}

.header01 .contentL {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.header01 .contentL a img {
  max-height: 50px;
  max-width: 240px;
}

.header01 .headerTxt {
  margin-left: 20px;
  font-size: 2rem;
  font-weight: bold;
}

.header01 .txtFacility {
  font-size: 1.6rem;
  font-weight: bold;
  color: #383838;
  padding-left: 10px;
}

.header01 .contentR p {
  margin-bottom: 0;
}

.header01 .contentR .txt01 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-right: 25px;
}

.header01 .contentR .txt02 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-right: 15px;
}

.header01 .contentR .loginStatus {
  align-items: center;
}

.header01 .contentR .btnUser.cusLay {
  margin-right: 10px;
}

@media only screen and (max-width: 1300px) {
  .header {
    padding-right: 15px;
  }

  .headerLogo {
    width: 250px;
  }

  .headerLogo img {
    max-width: 100%;
  }

  .headerToggle {
    margin-right: 10px;
    width: 60px;
  }

  .headerToggle span,
  .headerToggle::before,
  .headerToggle::after {
    left: 19px;
  }

  .headerType {
    margin-left: 10px;
  }

  .headerName {
    margin-left: 30px;
  }

  .headerNav {
    margin-left: 0;
  }

  .headerNav > li {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 991.98px) {
  .header01 {
    padding: 20px;
  }

  .header01 .headerTxt {
    font-size: 1.3rem;
  }

  .header01 .txtFacility {
    font-size: 1.3rem;
  }

  .header01 .contentR .txt02 {
    font-size: 1.7rem;
  }

  .header01 .contentR .txt01 {
    font-size: 1.3rem;
    margin-right: 10px;
  }
}

@media only screen and (min-width: 768px) {
  .headerSpMenu .btnMenu,
  .headerSpMenu .navMenu {
    display: none !important;
  }
}

@media only screen and (max-width: 767.98px) {
  .header01 {
    padding: 10px 15px;
  }

  .header01 .contentL {
    flex-wrap: wrap;
  }

  .header01 .headerTxt {
    font-size: 1.2rem;
  }

  .header01 .txtFacility {
    font-size: 1.1rem;
  }

  .header01 .logo img {
    max-width: 160px;
  }

  .header01 .contentR .txt01 {
    font-size: 1rem;
    margin-right: 10px;
  }

  .header01 .contentR .txt02 {
    font-size: 1.5rem;
    margin-right: 5px;
  }

  .headerSpMenu {
    position: relative;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
  }

  .headerSpMenu.active {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
  }

  .headerSpMenu .contentL,
  .headerSpMenu .contentR {
    padding: 10px 15px;
  }

  .headerSpMenu .contentR {
    width: 100%;
    background-color: #EDEDED;
  }

  .headerSpMenu .btnUser {
    font-size: 1rem;
    min-width: 60px;
    border-color: #000;
    color: #000;
  }

  .headerSpMenu .btnMenu {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: linear-gradient(to bottom, #443BA8 0%, #001483 100%);
    padding: 4px 5px;
    text-align: center;
  }

  .headerSpMenu .btnMenu span {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 2px;
    border-radius: 2px;
    background-color: #FFF;
  }

  .headerSpMenu .btnMenu span:after,
  .headerSpMenu .btnMenu span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -5px;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    background-color: #FFF;
    border-radius: 2px;
    transition: all 0.3s ease;
  }

  .headerSpMenu .btnMenu span:after {
    top: auto;
    bottom: -8px;
  }

  .headerSpMenu .btnMenu.active span {
    background-color: transparent;
  }

  .headerSpMenu .btnMenu.active span:after {
    top: 45%;
    transform: rotate(-135deg);
    background-color: #FFF;
  }

  .headerSpMenu .btnMenu.active span:before {
    top: 45%;
    transform: rotate(135deg);
    background-color: #FFF;
  }

  .headerSpMenu .overlay {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.1s ease;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    z-index: 1;
    cursor: pointer;
  }

  .headerSpMenu .overlay.active {
    visibility: visible;
    opacity: 1;
    z-index: 1;
  }
}

@media only screen and (max-width: 374px) {
  .header01 .logo img {
    max-width: 180px;
  }

  .header01 .contentR {
    text-align: right;
  }

  .header01 .contentR .btnUser {
    display: block;
  }

  .header01 .contentR .btnUser.cusLay {
    margin-right: 0;
    margin-bottom: 5px;
  }
}

.activeSidebar:checked ~ .sidebar {
  margin-left: 0;
}

.activeSidebar:checked ~ .header,
.activeSidebar:checked ~ .headlinePage,
.activeSidebar:checked ~ .main {
  margin-left: 346px;
}

.activeSidebar:checked ~ .header .shortPage .pageNotFoundBox,
.activeSidebar:checked ~ .headlinePage .shortPage .pageNotFoundBox,
.activeSidebar:checked ~ .main .shortPage .pageNotFoundBox {
  left: calc(50% + 173px);
}

.activeSidebar:checked ~ .headlinePage .headlineArrow {
  opacity: 1;
  visibility: visible;
}

.sidebar {
  background-color: #171738;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  margin-left: -346px;
  padding: 35px 0;
  position: fixed;
  top: 0;
  transition: margin-left 0.3s;
  width: 346px;
}

.sidebar.setH {
  height: calc(100vh - 98px);
}

.sidebarAccor {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebarAccor > li {
  border-bottom: 1px solid rgba(112, 112, 112, 0.51);
  position: relative;
}

.accorTtl {
  color: #FFF;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 0;
  padding: 21px 31px 21px 39px;
  transition: opacity 0.3s;
  text-decoration: none;
}

.accorTtl::before,
.accorTtl::after {
  background-color: #FFF;
  content: "";
  display: inline-block;
  height: 3px;
  position: absolute;
  right: 40px;
  top: 35px;
  transform: rotate(45deg);
  transition: transform 0.3s;
  width: 13px;
}

.accorTtl.noArrow::before,
.accorTtl.noArrow:after {
  display: none;
}

.accorTtl.noArrow:hover {
  opacity: 1;
}

.accorTtl::after {
  right: 33px;
  transform: rotate(135deg);
}

.accorTtl:hover {
  color: #FFF;
  opacity: 0.75;
  text-decoration: none;
}

.accorTtl.active::before,
.accorTtl.active::after {
  transform: rotate(135deg);
}

.accorTtl.active::after {
  transform: rotate(45deg);
}

.accorTtl.active ~ .accorContent {
  max-height: 2000px;
  margin-bottom: 35px;
  opacity: 1;
  transition: max-height 0.5s ease-in-out;
  visibility: visible;
}

.accorContent {
  list-style: none;
  max-height: 0;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding-left: 58px;
  transition: visibility 0.25s, opacity 0.25s, max-height 0.25s cubic-bezier(0, 1, 0, 1);
  visibility: hidden;
}

.accorContent li {
  margin-bottom: 13px;
}

.accorContent li a {
  color: rgba(255, 255, 255, 0.54);
  font-size: 1.8rem;
  font-weight: bold;
}

.pageA .sidebar {
  background-color: #4D4D4D;
}

.loginContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
}

.loginContainer .imgLogin {
  margin-bottom: 40px;
}

.loginContainer .imgLogin img {
  width: 628px;
}

.loginContainer .headline1 {
  font-size: 2.9rem;
  line-height: 1.3;
  margin-bottom: 40px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
}

.loginContainer .loginBox {
  background-color: #FFF;
  border-radius: 6px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  padding: 30px 55px 45px;
  max-width: 498px;
  margin: 0 auto 35px;
}

.loginContainer .bannerBox,
.loginContainer .bannerBox01 {
  display: flex;
  justify-content: space-between;
  max-width: 880px;
  margin: 0 auto;
}

.loginContainer .bannerBox a,
.loginContainer .bannerBox01 a {
  width: calc((100% - 20px) / 2);
  display: inline-block;
  transition: opacity 0.3s ease;
}

.loginContainer .bannerBox a:hover,
.loginContainer .bannerBox01 a:hover {
  opacity: 0.6;
}

.loginContainer .bannerBox img,
.loginContainer .bannerBox01 img {
  max-width: 100%;
}

.loginContainer .bannerBox01 > * {
  width: calc((100% - 20px) / 2);
}

.loginContainer .bannerBox01 a {
  width: 100%;
  display: inline-block;
  transition: opacity 0.3s ease;
}

.loginContainer .bannerBox01 a:hover {
  opacity: 0.6;
  text-decoration: none;
}

.loginContainer .bannerBox01 .txtLink {
  font-size: 1.6rem;
  color: #FFF;
  font-weight: bold;
  width: auto;
}

.loginContainer .row {
  flex: 1 0 100%;
}

.loginContainer .card-header {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}

.loginContainer .card-body input {
  padding: 0.375rem 0.75rem !important;
}

.loginContainer .infoBox {
  color: #FFF;
  font-size: 2rem;
  font-weight: bold;
  max-width: 845px;
  border-radius: 8px;
  margin: 0 auto 30px;
  background-color: rgba(34, 34, 34, 0.87);
  padding: 20px;
}

.loginContainer .infoBox .txtSmall {
  font-size: 1.4rem;
}

.loginContainer .menuBox {
  background-color: rgba(34, 34, 34, 0.57);
  border-radius: 8px;
  padding: 23px 50px 25px;
  max-width: 850px;
  margin: 0 auto;
  text-align: center;
}

.loginContainer .menuBox .ttl {
  font-size: 2.4rem;
  font-weight: bold;
  color: #FFF;
  margin-bottom: 8px;
}

.loginContainer .menuBox nav {
  display: flex;
  flex-wrap: wrap;
  gap: 25px 25px;
  margin-bottom: 25px;
}

.loginContainer .menuBox nav a {
  margin-bottom: 30px;
  width: calc((100% / 3) - 20px);
  padding: 25px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  background: linear-gradient(to bottom, #443BA8 0%, #001483 100%);
  text-decoration: none;
  border-radius: 6px;
  transition: opacity 0.3s ease;
  transform: perspective(1px) translateZ(0);
}

@media only screen and (min-width: 768px) {
  .loginContainer .menuBox nav a:hover img {
    -webkit-animation-name: hvr-icon-pulse-grow;
            animation-name: hvr-icon-pulse-grow;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
  }
}

.loginContainer .menuBox nav .img {
  min-width: 85px;
}

.loginContainer .menuBox nav img {
  width: 50px;
  height: 47px;
  -o-object-fit: contain;
     object-fit: contain;
  transition-timing-function: ease-out;
}

.loginContainer .menuBox nav span {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  color: #FFF;
  text-align: left;
}

@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    transform: scale(1.1);
  }

  50% {
    transform: scale(1);
  }
}

@keyframes hvr-icon-pulse-grow {
  to {
    transform: scale(1.1);
  }

  50% {
    transform: scale(1);
  }
}

.loginContainer .ttl {
  font-size: 2.6rem;
  color: #000;
  text-align: center;
  font-weight: bold;
}

.loginContainer input#email,
.loginContainer input#password {
  padding: 2px 20px 2px 50px;
  border: 1px solid #C5C5C5;
  height: auto;
  min-height: 40px;
  line-height: 2;
}

.loginContainer input#email:focus,
.loginContainer input#password:focus {
  box-shadow: none;
  outline: none;
}

.loginContainer input:-webkit-autofill,
.loginContainer input:-webkit-autofill:hover,
.loginContainer input:-webkit-autofill:focus {
  -webkit-box-shadow: 0px 0 0px 1000px #F7F8FA inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.loginContainer .inputBox {
  position: relative;
}

.loginContainer .inputBox:after {
  content: "";
  position: absolute;
  left: 20px;
  top: 21px;
  transform: translateY(-50%);
  background: #F7F8FA url(/img/svg/icon_mail.svg) no-repeat 50% 50%;
  background-size: 16px auto;
  width: 18px;
  height: 12px;
}

.loginContainer .inputBox.style01:after {
  background: #F7F8FA url(/img/svg/icon_key.svg) no-repeat 50% 50%;
  left: 16px;
  width: 20px;
  height: 21px;
}

.loginContainer button.btn {
  width: 100%;
  padding: 12px 12px 11px;
  background-color: #4A5ED5;
  transition: 0.3s;
  font-weight: bold;
  color: #FFF;
  margin-top: 5px;
  border-radius: 6px;
}

.loginContainer button.btn:focus,
.loginContainer button.btn:active {
  outline: none;
  box-shadow: none;
  background-color: #4A5ED5;
}

.loginContainer button.btn:hover {
  opacity: 0.6;
}

.loginContainer button.btnLogin {
  min-width: 154px;
  min-height: 60px;
  width: auto;
  margin: 0 auto;
  background-color: #353396;
}

@media only screen and (max-width: 767.98px) {
  .loginContainer button.btnLogin {
    min-height: 40px;
    font-size: 1.5rem;
  }
}

.loginContainer .txtLogin {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.loginContainer .txtLogin span {
  display: block;
  font-size: 1.9rem;
  margin-top: 12px;
}

.disabled {
  opacity: 0.6;
  pointer-events: none;
}

@media only screen and (max-width: 767.98px) {
  .loginContainer .menuBox {
    padding: 25px 25px 15px;
  }

  .loginContainer .menuBox .ttl {
    font-size: 1.5rem;
    margin-bottom: 15px;
  }

  .loginContainer .menuBox nav {
    gap: 10px 10px;
  }

  .loginContainer .menuBox nav a {
    flex-direction: column;
    height: auto;
    width: calc((100% / 2) - 10px);
    padding: 20px 10px;
  }

  .loginContainer .menuBox nav .img {
    min-width: auto;
  }

  .loginContainer .menuBox nav img {
    margin-bottom: 5px;
    height: 34px;
    width: auto;
  }

  .loginContainer .menuBox nav span {
    font-size: 1.1rem;
  }

  .loginContainer .infoBox {
    font-size: 1.5rem;
    padding: 25px 15px;
  }
}

.registerContainer {
  align-items: center;
  display: flex;
  height: calc(100vh - 190px);
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.registerWrap {
  position: relative;
  text-align: center;
  z-index: 1;
}

.registerBox {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  display: inline-block;
  padding: 30px 32px;
  max-width: 560px;
  text-align: left;
}

.registerBg {
  font-size: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.registerBg img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.registerHeader {
  color: #fff;
  font-size: 2rem;
  margin-bottom: 17px;
  text-align: center;
}

.registerGroup {
  margin-bottom: 21px;
  position: relative;
}

.registerInput {
  border-width: 0;
  color: #000;
  font-size: 1.8rem;
  height: 60px;
  padding: 20px 100px 20px 20px;
  outline: none;
  width: 100%;
}

.registerInput::-moz-placeholder {
  color: #b2b2b2;
}

.registerInput:-ms-input-placeholder {
  color: #b2b2b2;
}

.registerInput::-ms-input-placeholder {
  color: #b2b2b2;
}

.registerInput::placeholder {
  color: #b2b2b2;
}

.registerBtn {
  align-items: center;
  background-color: #4A5FD5;
  border-width: 0;
  color: #fff;
  display: inline-flex;
  font-size: 2rem;
  height: 100%;
  justify-content: center;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 92px;
}

.registerTxt {
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.66;
}

@media only screen and (min-width: 1025px) {
  .registerBtn {
    transition: opacity 0.25s;
  }

  .registerBtn:hover {
    opacity: 0.75;
  }
}

@media only screen and (max-width: 991.98px) {
  .registerContainer {
    display: block;
    height: auto;
  }

  .registerWrap {
    background-color: #364350;
  }

  .registerBg {
    height: 46.7vh;
    position: relative;
  }

  .registerHeader {
    font-size: 2.24rem;
    margin-bottom: 15px;
  }

  .registerBox {
    background-color: transparent;
    border-radius: 0;
    border-width: 0;
    padding: 30px 15px;
  }

  .registerInput {
    font-size: 1.9rem;
    height: 57px;
    margin-bottom: 10px;
    padding: 10px 15px;
  }

  .registerBtn {
    font-size: 1.9rem;
    height: 57px;
    position: relative;
    width: 100%;
  }

  .registerTxt {
    font-size: 1.4rem;
    line-height: 1.4;
  }

  .registerGroup {
    margin-bottom: 15px;
  }
}

.metroNavFixed {
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 99;
}

.metroNavLogo {
  margin-bottom: 26px;
}

.metroNavCol,
.metroNavColFixed {
  margin-bottom: 26px;
}

@media only screen and (max-width: 1300px) {
  .metroNavCol,
  .metroNavColFixed {
    margin-bottom: 15px;
  }
}

.metroNavColFixed {
  width: 100%;
}

.metroNavBox {
  padding: 0 35px;
}

.metroNavImgSmall img {
  max-width: 48px;
}

.metroNavImgFixed {
  height: 45px;
}

.metroNavImgFixed img {
  max-width: 43px;
  max-height: 40px;
}

.metroNavImgBig {
  height: 95px;
  margin-bottom: 17px;
}

@media only screen and (max-width: 1300px) {
  .metroNavImgBig {
    height: 60px;
    margin-bottom: 10px;
  }

  .metroNavImgBig img {
    height: 60px;
  }
}

.metroNavTxtSmall {
  width: calc(100% - 48px);
}

.metroNavItem,
.metroNavItemFixed,
.metroNavItemSmall {
  background: linear-gradient(to bottom, #FFF 0%, #C6C6EA 100%);
  border-radius: 20px;
  color: #000;
  font-size: 2.4rem;
  font-weight: bold;
  height: 100%;
  margin-bottom: 26px;
  overflow: hidden;
  padding: 10px 0 4px;
  position: relative;
  transition: color 0.3s, opacity 0.3s;
}

@media only screen and (max-width: 1300px) {
  .metroNavItem,
  .metroNavItemFixed,
  .metroNavItemSmall {
    font-size: 20px;
  }
}

.metroNavItem::before,
.metroNavItemFixed::before,
.metroNavItemSmall::before {
  background-color: rgba(20, 23, 84, 0.2);
  content: "";
  display: inline-block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  width: 100%;
  z-index: 1;
}

.metroNavItemSmall {
  padding: 10px 0 12px;
}

@media only screen and (max-width: 1300px) {
  .metroNavItemSmall {
    padding: 5px;
  }
}

.metroNavItemFixed {
  border: 1px solid #2E3182;
  color: #444;
  border-radius: 0;
  font-size: 1.4rem;
  height: 100px;
  padding: 10px 0 12px;
}

@media only screen and (max-width: 1300px) {
  .metroNavItemFixed {
    font-size: 1.2rem;
  }
}

.metroNavItem:hover,
.metroNavItemSmall:hover,
.metroNavItemFixed:hover,
.metroNavItem.active,
.active.metroNavItemSmall,
.active.metroNavItemFixed {
  color: #001469;
  text-decoration: none;
}

.metroNavItem:hover::before,
.metroNavItemSmall:hover::before,
.metroNavItemFixed:hover::before,
.metroNavItem.active::before,
.active.metroNavItemSmall::before,
.active.metroNavItemFixed::before {
  opacity: 1;
}

.notifyBlock {
  padding: 20px 40px;
  background-color: #000556;
  border-radius: 10px;
  margin-bottom: 45px;
  color: #FFF;
}

.notifyBlock .item {
  padding: 14px 0px 13px;
  display: flex;
  margin-bottom: 0;
}

.notifyBlock .item:not(:last-child) {
  border-bottom: 1px solid #868686;
}

.notifyBlock .item .date {
  display: inline-block;
  min-width: 126px;
  color: #868686;
  margin-right: 25px;
}

.notifyBlock .item a {
  display: inline-block;
  word-break: break-word;
  color: #FFF;
}

.notifyBlock .txt,
.notifyBlock .completeBox a,
.completeBox .notifyBlock a,
.notifyBlock .completeBox .txt01,
.completeBox .notifyBlock .txt01 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 0;
  color: #000;
}

.notifyBlock.style01 {
  background-color: #FFF;
  font-weight: bold;
  max-height: 140px;
  overflow-y: auto;
}

.notifyBlock.style01 .item {
  padding: 0;
  border-bottom-color: rgba(112, 112, 112, 0.13);
}

.notifyBlock.style01 .item .date {
  color: #BABABA;
  font-family: "Oswald", sans-serif;
  font-weight: normal;
}

.notifyBlock.style01 .item .detail {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #000659;
}

.notifyBlock.style01 .item:not(:last-child) {
  padding-bottom: 8px;
  margin-bottom: 8px;
}

@media only screen and (max-width: 767.98px) {
  .notifyBlock.style01 {
    max-height: 180px;
    padding: 10px 15px;
  }

  .notifyBlock.style01 .item {
    flex-wrap: wrap;
  }

  .notifyBlock.style01 .item:not(:last-child) {
    padding-bottom: 7px;
    margin-bottom: 6px;
  }

  .notifyBlock.style01 .item .date {
    width: 100%;
  }
}

.dashboard {
  color: #FFF;
}

.limitEle {
  max-height: 530px;
  overflow-y: auto;
}

.limitEleNotify {
  max-width: 880px;
  width: 100%;
  max-height: 150px;
  overflow-y: auto;
}

.limitEleSchool {
  max-height: 280px;
  overflow-y: auto;
}

.boxWrap {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.boxWrap .item {
  width: 18%;
  margin-right: 2%;
  margin-bottom: 25px;
  border-radius: 10px;
  padding: 5px;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
  color: #444;
  text-align: center;
  font-weight: bold;
  background-color: #FFF;
  cursor: pointer;
  transition: all 0.3s ease;
}

.boxWrap .item:hover {
  opacity: 0.7;
}

.boxWrap .item.fullHeight * {
  height: 100%;
}

@media only screen and (max-width: 1300px) {
  .boxWrap .item {
    width: 23%;
    margin-right: 2%;
  }
}

.boxWrap .ttl {
  font-size: 2.6rem;
  margin-bottom: 0;
  padding: 10px;
  border-radius: 10px 10px 0px 0px;
  line-height: 1.4;
  color: #444;
  min-height: 93px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.boxWrap .ttl:hover {
  text-decoration: none;
}

.boxWrap .ttl span {
  display: block;
  width: 100%;
  font-size: 1.8rem;
}

.boxWrap .ttl.boxType01 {
  background-color: #D5DDE2;
}

.boxWrap .ttl.boxType02 {
  background-color: #62C2FF;
}

.boxWrap .ttl.boxType03 {
  background-color: #FFB96A;
}

.boxWrap .ttl.boxType04 {
  background-color: #9EE6B4;
  font-size: 2rem;
}

.boxWrap .ttl.boxType05 {
  background-color: #FFA093;
  font-size: 2rem;
}

.boxWrap .ttl.boxType06 {
  background-color: #DF9FEF;
}

.boxWrap .ttl.boxType07 {
  background-color: #EFE99F;
}

.boxWrap .ttl.boxType08 {
  background-color: #171752;
  border-radius: 10px;
  color: #FFF;
}

.boxWrap .price {
  font-size: 2.7rem;
  margin-bottom: 0;
}

.boxWrap .price span {
  font-size: 2.1rem;
}

.methodPay {
  padding: 25px;
  background-color: #000339;
  text-align: center;
  color: #FFF;
}

.methodPay.bgBlue {
  background-color: #25296A;
}

.methodPay.setMaxW {
  max-width: 695px;
  margin: 0 auto;
}

.methodPay .methodList {
  position: relative;
  display: flex;
  list-style: none;
  justify-content: center;
  margin-bottom: 30px;
  padding: 0;
}

.methodPay .methodList .topContent {
  display: flex;
}

.methodPay .methodList label {
  cursor: pointer;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 3px 25px;
  border: 3px solid #4A5ED5;
  border-radius: 4px;
  margin-right: 15px;
  line-height: 1.5;
  transition: background-color 0.3s;
}

.methodPay .methodList label.small {
  font-size: 1.8rem;
}

@media only screen and (max-width: 1200px) {
  .methodPay .methodList label {
    font-size: 2.2rem;
  }

  .methodPay .methodList label.small {
    font-size: 1.5rem;
  }
}

.methodPay .methodList input {
  height: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 0;
}

.methodPay .methodList input:checked + label {
  background-color: #4A5ED5;
}

.methodPay .methodList input.form-control {
  height: 4rem;
  opacity: 1;
  position: relative;
  width: auto;
}

.methodPay .methodList li:last-child label {
  margin-right: 0;
}

.methodPay .methodList.small label {
  font-size: 1.8rem;
}

.methodPay .detail {
  margin-bottom: 0;
}

.methodPay .detail span {
  margin-right: 20px;
}

.methodPay .detail span.txt01 {
  font-size: 2.1rem;
  font-weight: bold;
}

.methodPay .detail span .inputAmount {
  font-size: 3.1rem;
  font-weight: bold;
  color: #444;
  background-color: #FFF;
  padding: 9px 10px;
  width: 230px;
  text-align: right;
  border-radius: 5px;
  border: 1px solid #707070;
}

.methodPay .detail span .inputAmount:focus {
  outline: none;
}

.methodPay .detail span.txt03,
.methodPay .detail .tblStyle02 .txt03 span.form-control,
.tblStyle02 .txt03 .methodPay .detail span.form-control {
  font-size: 2.7rem;
  font-weight: bold;
}

.methodPay .detail span.txt04 {
  font-size: 1.9rem;
  font-weight: bold;
}

.methodPay .detail span.txt05 {
  font-size: 3.4rem;
  font-weight: bold;
}

.methodPay .detail span.txt05 em {
  font-style: normal;
}

.methodPay01 {
  display: flex;
  justify-content: space-between;
  padding: 15px;
}

.methodPay01 .methodList {
  display: block;
  text-align: left;
}

.methodPay01 .methodList .item {
  margin-bottom: 20px;
}

.methodPay01 .methodList label {
  padding: 3px 20px;
  font-size: 2.2rem;
}

@media only screen and (max-width: 1300px) {
  .methodPay01 .methodList label {
    font-size: 1.8rem;
    padding: 3px 10px;
  }
}

.methodPay01 .detail {
  text-align: right;
}

@media only screen and (max-width: 1200px) {
  .methodPay01 .detail span .inputAmount {
    width: 165px;
  }
}

.userInfo,
.checkBox .userInfo01 {
  display: flex;
  justify-content: center;
}

.userInfo .item,
.checkBox .userInfo01 .item {
  max-width: 463px;
  width: 50%;
  margin-right: 40px;
  border-radius: 4px;
}

.userInfo .item .ttl,
.checkBox .userInfo01 .item .ttl {
  font-size: 2rem;
  font-weight: bold;
  color: #FFF;
  padding: 15px;
  background-color: #0E0E46;
  margin-bottom: 0;
  border-radius: 4px 4px 0px 0px;
  text-align: center;
}

.userInfo .item .content,
.checkBox .userInfo01 .item .content {
  height: 85%;
  background-color: #FFF;
  padding: 15px 30px 30px;
  border-radius: 0px 0px 4px 4px;
}

.userInfo .item .txt01,
.checkBox .userInfo01 .item .txt01 {
  text-align: center;
  margin-top: 55px;
  margin-bottom: 20px;
}

.userInfo .item .txt01 span,
.checkBox .userInfo01 .item .txt01 span {
  display: inline-block;
  text-align: left;
  font-size: 2rem;
  font-weight: bold;
  color: rgba(68, 68, 68, 0.6);
}

.userInfo .item .txt02,
.checkBox .userInfo01 .item .txt02 {
  font-size: 2.3rem;
  font-weight: bold;
  display: block;
  padding: 15px 20px;
  border: 1px solid #C9C9C9;
  margin: 0px auto;
  max-width: 356px;
  border-radius: 4px;
  color: #444;
}

.userInfo .item .txt02::-moz-placeholder, .checkBox .userInfo01 .item .txt02::-moz-placeholder {
  color: rgba(68, 68, 68, 0.2);
  font-size: 2.3rem;
  font-weight: bold;
}

.userInfo .item .txt02:-ms-input-placeholder, .checkBox .userInfo01 .item .txt02:-ms-input-placeholder {
  color: rgba(68, 68, 68, 0.2);
  font-size: 2.3rem;
  font-weight: bold;
}

.userInfo .item .txt02::-ms-input-placeholder, .checkBox .userInfo01 .item .txt02::-ms-input-placeholder {
  color: rgba(68, 68, 68, 0.2);
  font-size: 2.3rem;
  font-weight: bold;
}

.userInfo .item .txt02::placeholder,
.checkBox .userInfo01 .item .txt02::placeholder {
  color: rgba(68, 68, 68, 0.2);
  font-size: 2.3rem;
  font-weight: bold;
}

.userInfo .item .txt02:focus,
.checkBox .userInfo01 .item .txt02:focus {
  outline: none;
}

.userInfo .item .txt03,
.checkBox .userInfo01 .item .txt03,
.userInfo .item .tblStyle02 .txt03 .form-control,
.checkBox .userInfo01 .item .tblStyle02 .txt03 .form-control,
.tblStyle02 .txt03 .userInfo .item .form-control,
.tblStyle02 .txt03 .checkBox .userInfo01 .item .form-control,
.checkBox .tblStyle02 .txt03 .userInfo01 .item .form-control {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: rgba(68, 68, 68, 0.6);
}

.userInfo .item .colOne,
.checkBox .userInfo01 .item .colOne {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin-top: 8px;
}

.userInfo .item .colOne .colItem,
.checkBox .userInfo01 .item .colOne .colItem {
  width: calc(100%);
}

.userInfo .item .colOne .other li input:checked + label,
.checkBox .userInfo01 .item .colOne .other li input:checked + label {
  background-color: #C7C7C7;
}

.userInfo .item .colOne .other li label,
.checkBox .userInfo01 .item .colOne .other li label {
  background-color: #ACACAC;
}

.userInfo .item .colOne .listGender,
.checkBox .userInfo01 .item .colOne .listGender {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.userInfo .item .colOne .listGender li,
.checkBox .userInfo01 .item .colOne .listGender li {
  margin-bottom: 8px;
  border-radius: 4px;
  font-size: 2.1rem;
  font-weight: bold;
  position: relative;
  color: #FFF;
}

.userInfo .item .colOne .listGender li label,
.checkBox .userInfo01 .item .colOne .listGender li label {
  cursor: pointer;
  padding: 10px;
  transition: opacity 0.3s, background-color 0.3s;
  width: 100%;
}

.userInfo .item .colOne .listGender li label:hover,
.checkBox .userInfo01 .item .colOne .listGender li label:hover {
  opacity: 0.75;
}

.userInfo .item .colOne .listGender li input,
.checkBox .userInfo01 .item .colOne .listGender li input {
  height: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 0;
}

.userInfo .item .colOne .listGender li:last-child,
.checkBox .userInfo01 .item .colOne .listGender li:last-child {
  margin-bottom: 0;
}

.userInfo .item .colTwo,
.checkBox .userInfo01 .item .colTwo {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.userInfo .item .colTwo .colItem,
.checkBox .userInfo01 .item .colTwo .colItem {
  width: calc(50% - 8px);
}

.userInfo .item .colTwo .male .ttl01,
.checkBox .userInfo01 .item .colTwo .male .ttl01 {
  color: #88C0EF;
}

.userInfo .item .colTwo .male li input:checked + label,
.checkBox .userInfo01 .item .colTwo .male li input:checked + label {
  background-color: #3EBCFF;
}

.userInfo .item .colTwo .male li label,
.checkBox .userInfo01 .item .colTwo .male li label {
  background-color: #88C0EF;
}

.userInfo .item .colTwo .female .ttl01,
.checkBox .userInfo01 .item .colTwo .female .ttl01 {
  color: #FD9CA1;
}

.userInfo .item .colTwo .female li input:checked + label,
.checkBox .userInfo01 .item .colTwo .female li input:checked + label {
  background-color: #ED5A5A;
}

.userInfo .item .colTwo .female li label,
.checkBox .userInfo01 .item .colTwo .female li label {
  background-color: #FD9CA1;
}

.userInfo .item .colTwo .ttl01,
.checkBox .userInfo01 .item .colTwo .ttl01 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.userInfo .item .colTwo .listGender,
.checkBox .userInfo01 .item .colTwo .listGender {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.userInfo .item .colTwo .listGender li,
.checkBox .userInfo01 .item .colTwo .listGender li {
  margin-bottom: 8px;
  border-radius: 4px;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  color: #FFF;
}

.userInfo .item .colTwo .listGender li label,
.checkBox .userInfo01 .item .colTwo .listGender li label {
  cursor: pointer;
  padding: 10px;
  transition: opacity 0.3s, background-color 0.3s;
  width: 100%;
}

.userInfo .item .colTwo .listGender li label:hover,
.checkBox .userInfo01 .item .colTwo .listGender li label:hover {
  opacity: 0.75;
}

.userInfo .item .colTwo .listGender li input,
.checkBox .userInfo01 .item .colTwo .listGender li input {
  height: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 0;
}

.userInfo .item .colTwo .listGender li:last-child,
.checkBox .userInfo01 .item .colTwo .listGender li:last-child {
  margin-bottom: 0;
}

.userInfo.style01 .item .ttl,
.checkBox .style01.userInfo01 .item .ttl {
  font-size: 1.7rem;
  padding: 8px 15px;
}

.userInfo.style01 .item .content,
.checkBox .style01.userInfo01 .item .content {
  height: auto;
  padding: 10px 30px;
}

.userInfo.style01 .item .colTwo .listGender li label,
.checkBox .style01.userInfo01 .item .colTwo .listGender li label {
  padding: 8px 10px;
}

.boxFinal {
  text-align: center;
  padding-top: 50px;
}

.boxFinal .txt01 {
  color: #7E90FF;
  font-size: 5.4rem;
  font-weight: bold;
}

.boxFinal .txt02 {
  color: #FFF;
  font-size: 4.1rem;
  font-weight: bold;
}

.boxFinal .txt02 span {
  font-size: 8.2rem;
}

.boxFinal .txt03,
.boxFinal .tblStyle02 .txt03 .form-control,
.tblStyle02 .txt03 .boxFinal .form-control {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 500px;
  margin: 0 auto;
  padding: 5px 20px 7px;
  font-size: 1.7rem;
  font-weight: bold;
  border: 1px solid #FFF;
  color: rgba(255, 255, 255, 0.6);
}

.boxFinal .txt03 .price,
.tblStyle02 .txt03 .boxFinal .form-control .price {
  font-size: 2.4rem;
  margin-left: 10px;
}

.boxFinal .txt03 .sign,
.tblStyle02 .txt03 .boxFinal .form-control .sign {
  font-size: 3rem;
  font-weight: normal;
  margin: 0 10px;
}

.footerTxt {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0;
}

.fInner {
  color: #9D9D9D;
  text-align: center;
  padding: 25px;
  background-color: #222;
}

.fLink a {
  margin: 0 10px;
  color: #9D9D9D;
}

#pageU {
  min-width: auto;
  background-color: #F5F4F7;
}

#pageU #app {
  position: relative;
  min-height: calc(100vh - 100px);
  padding-bottom: 150px;
}

#pageU footer {
  position: absolute;
  width: 100%;
  bottom: -100px;
  left: 0;
}

#pageU .loginContainer {
  height: calc(100vh - 190px);
}

#pageU .loginContainer .headline1 {
  font-size: 4.6rem;
}

#pageU .loginContainer .headline1.style01 {
  font-size: 2.4rem;
}

#pageU .loginContainer .headline1 span {
  display: block;
  font-size: 3.6rem;
}

#pageU .loginContainer .loginBox {
  padding-bottom: 30px;
}

#pageU .loginContainer .loginBox.setMaxW {
  max-width: 1200px;
  margin-bottom: 0;
}

#pageU .btn-large {
  min-width: 223px;
}

#pageU .tblUser .inputItem .inputContent01:after {
  background-color: #000;
}

#pageU.pageTopMypage #app {
  padding-bottom: 0;
}

#pageU.pageMembershipCard #app {
  padding-bottom: 0;
}

@media only screen and (max-width: 767.98px) {
  #pageU #app {
    padding-bottom: 80px;
  }

  #pageU .loginContainer {
    height: calc(100vh - 117px);
  }

  #pageU .loginContainer .headline1 {
    font-size: 2.6rem;
  }

  #pageU .loginContainer .headline1 span {
    font-size: 2rem;
  }

  #pageU .loginContainer .loginBox {
    padding: 20px;
  }

  #pageU .btn-large {
    font-size: 1.4rem;
    min-width: 18rem;
    padding: 1rem;
  }
}

@media only screen and (max-width: 480px) {
  #pageU .loginContainer {
    height: calc(100vh - 142px);
  }
}

.pageUsageHistory {
  background: linear-gradient(to bottom, #443BA8 0%, #001483 80%, #001483 100%);
  min-height: 100vh;
}

.pageUsageHistory .keyv {
  display: none;
}

.pageUsageHistory footer {
  background: #001483;
}

.pageSchoolCalendar {
  background: linear-gradient(to bottom, #443BA8 0%, #001483 80%, #001483 100%);
  min-height: 100vh;
}

.pageSchoolCalendar .keyv {
  display: none;
}

.pageSchoolCalendar footer {
  background: #001483;
}

.pageSchoolCalendar .schoolUserNote {
  color: #FFF;
}

@media only screen and (min-width: 768px) {
  .pageTopMypage .userNav {
    display: none !important;
  }
}

.inner02 {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
}

.stepList {
  display: flex;
  list-style-type: none;
  margin: 60px 0px;
  padding: 0;
  overflow-x: hidden;
}

.stepList li {
  position: relative;
  width: 33.33%;
  margin-right: 10px;
  padding: 9px 10px 7px;
  font-size: 1.8rem;
  line-height: 2;
  font-weight: bold;
  color: #353396;
  display: flex;
  justify-content: center;
  align-items: center;
}

.stepList li:last-child {
  margin-right: 0;
}

.stepList li span {
  display: inline-block;
  padding: 3px;
  border-radius: 12px;
  min-width: 79px;
  margin-right: 15px;
  color: #FFF;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #353396;
  line-height: 1.3;
  text-align: center;
}

.stepList li:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  transform: skew(20deg);
  background-color: #FFF;
  z-index: -1;
  top: 0;
  left: 0;
}

.stepList li:first-child:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  background-color: #FFF;
  z-index: -1;
  bottom: 0;
  left: 0;
}

.stepList li:first-child.active:before {
  background-color: #353396;
}

.stepList li:last-child:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  background-color: #FFF;
  z-index: -1;
  top: 0;
  left: 0;
}

.stepList li:last-child.active:before {
  background-color: #353396;
}

.stepList li.active {
  color: #FFF;
}

.stepList li.active span {
  background-color: #FFF;
  color: #353396;
}

.stepList li.active:after {
  background-color: #353396;
}

.ttlUser {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 35px;
  color: #151524;
  text-align: center;
}

.completeBox {
  background-color: #FFF;
  padding: 85px 30px 100px;
  text-align: center;
}

.completeBox .icon {
  margin-bottom: 30px;
}

.completeBox .ttl {
  font-size: 3.7rem;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
  margin-bottom: 20px;
}

.completeBox .txt,
.completeBox a,
.completeBox .txt01 {
  font-size: 2rem;
  line-height: 1.5;
  color: #707070;
  margin-bottom: 38px;
}

.completeBox .txt01 {
  font-weight: bold;
  margin-bottom: 30px;
}

.completeBox a {
  text-decoration: none;
  font-weight: bold;
  color: #363499;
  transition: opacity 0.3s ease;
  margin-bottom: 0;
}

.completeBox a:hover {
  opacity: 0.6;
}

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

.infoFacility {
  background-color: #363499;
  padding: 20px;
  border-radius: 6px;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 2.4rem;
  margin-bottom: 15px;
}

.infoFacility .label {
  background-color: #FFF;
  font-size: 2rem;
  color: #363499;
  border-radius: 4px;
  padding: 2px 7px;
  margin-right: 15px;
  line-height: 1.3;
}

.infoFacility .price {
  font-size: 3.4rem;
  margin-right: 35px;
  margin-bottom: 0;
}

.infoFacility .price span {
  font-size: 2.4rem;
}

.txtFacilityNote {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: right;
  margin-bottom: 25px;
}

.selectUser .form-control {
  font-size: 2.2rem;
  font-weight: bold;
  color: #44439A;
  border: 1px solid #EEE;
  border-radius: 6px;
  padding-left: 15px;
  height: 4.4rem;
}

.selectUser:after {
  content: "";
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 9px;
  background: url(/img/svg/icon_select01.svg) no-repeat 50% 50%;
  border: 0;
}

.selectFacility {
  padding: 22px 20px;
  border: 1px solid #343293;
  border-radius: 6px;
  text-align: center;
  margin-bottom: 40px;
  width: 100%;
}

.selectFacility .resultSelected {
  font-size: 2.9rem;
  line-height: 1.5;
  font-weight: bold;
  color: #44439A;
  background: url(/img/svg/icon_arrow_down01.svg) no-repeat 100% 50%;
  padding-right: 50px;
}

.selectFacility .form-control {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  font-size: 2.9rem;
  line-height: 1.5;
  font-weight: bold;
  color: #44439A;
  padding-right: 20px;
  padding-left: 20px;
}

.selectFacility.box-select:after {
  display: none;
}

.notifyBox {
  padding: 25px 35px;
  border-radius: 4px;
  background-color: #FFE8E8;
  line-height: 1.5;
  font-size: 1.4rem;
  margin-bottom: 65px;
}

.notifyBox .ttl {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 12px;
}

.paymentBox {
  margin-bottom: 80px;
  font-size: 1.6rem;
  font-weight: bold;
}

.paymentBox .item {
  background-color: #FFF;
  padding: 18px 20px;
}

.paymentBox .item:nth-child(2n) {
  background-color: rgba(54, 52, 153, 0.08);
}

.paymentBox .inputItem .inputContent:after {
  top: 44%;
}

.paymentForm {
  padding: 10px 30px;
  background-color: #EDEEF2;
}

.paymentForm .tblStyle01 {
  box-shadow: none;
}

.paymentForm .tblStyle01 th,
.paymentForm .tblStyle01 td {
  background-color: #EDEEF2;
  padding: 10px;
}

.paymentForm .noteBox {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  background-color: #FFF;
  border-radius: 5px;
  font-size: 1.1rem;
  font-weight: bold;
}

.paymentForm .noteBox .icon {
  min-width: 60px;
  margin-right: 15px;
}

.txtBox {
  padding: 25px;
  max-height: 245px;
  background-color: #FFF;
  margin-bottom: 30px;
  overflow-y: auto;
}

.txtBox p {
  margin-bottom: 20px;
}

.confirmBox {
  text-align: center;
  margin-bottom: 35px;
}

.confirmBox .inputItem {
  display: inline-block;
}

.confirmBox .inputItem .inputContent {
  padding-left: 25px;
}

.confirmBox .inputItem .inputContent.style01:before,
.confirmBox .inputItem .inputContent.style01:after {
  left: 0;
}

.confirmBox .inputItem .inputContent.style01:before {
  width: 27px;
  height: 27px;
}

.confirmBox .inputItem .inputContent.style01:after {
  width: 28px;
  height: 28px;
  background-size: 28px auto;
}

.confirmBox.setFz .inputContent {
  font-size: 1.8rem;
  font-weight: bold;
  color: #353535;
}

@media only screen and (max-width: 767.98px) {
  .confirmBox.setFz .inputContent {
    font-size: 1.5rem;
  }
}

.scheduleBlock {
  padding: 50px;
  background-color: #FFF;
}

.scheduleBlock .weekBox {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #44439A;
  border-radius: 6px 6px 0px 0px;
  padding: 18px;
}

.scheduleBlock .weekBox .date {
  cursor: pointer;
  color: #FFF;
  font-size: 3rem;
  font-weight: bold;
  margin: 0 50px;
  transition: opacity 0.3s;
}

.scheduleBlock .weekBox .date:hover {
  opacity: 0.75;
}

.scheduleBlock .event {
  box-sizing: border-box;
  min-width: 100%;
  border: 0;
  border-radius: 0;
  min-height: 50px;
  padding: 7px;
  display: inline-block;
  background-color: #fff;
  margin: 0;
  position: absolute;
}

.scheduleBlock .event.cross .fc-bg::before {
  background-color: #F5DEE7;
}

.scheduleBlock .event.cross .fc-content .fc-title {
  padding: 9px;
  text-align: center;
  color: #888;
  font-size: 1.6rem;
}

.scheduleBlock .event.cross::after,
.scheduleBlock .event.cross:before {
  display: none;
}

@media only screen and (max-width: 991.98px) {
  .scheduleBlock .event.cross .fc-content .fc-title {
    padding: 5px;
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 767.98px) {
  .scheduleBlock .event {
    min-height: 30px;
    padding: 3px;
  }
}

.event .fc-bg::before {
  background-color: rgba(131, 217, 217, 0.43);
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% - 14px);
  margin: auto;
  width: calc(100% - 14px);
  border-radius: 4px;
}

.event.circle .fc-bg {
  display: flex;
}

.event.circle .fc-bg::before {
  background: rgba(131, 217, 217, 0.43) url(/img/svg/icon_circle.svg) no-repeat 50% 50%;
}

.event.cross {
  pointer-events: none;
}

.event.cross:before,
.event.cross:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-35deg);
  height: 27px;
  width: 3px;
  background-color: #83D9D9;
}

.event.cross:after {
  transform: translate(-50%, -50%) rotate(35deg);
}

.event.line:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 3px;
  width: 27px;
  background-color: #83D9D9;
}

.event .fc-content {
  font-size: 0;
}

.event .fc-bg {
  opacity: 1;
  background-color: transparent;
}

.reservationBox {
  margin-bottom: 100px;
}

.reservationList .item {
  display: flex;
  margin-bottom: 25px;
}

.reservationList .item .contentR,
.reservationList .item .contentL,
.reservationList .item .cancelBox {
  padding: 25px 30px 22px;
}

.reservationList .item .contentL {
  background-color: #FFF;
  width: 55%;
  color: #343434;
}

.reservationList .item .contentL .ttl {
  font-size: 1.6rem;
  font-weight: bold;
}

.reservationList .item .contentL .ttl span {
  color: #363499;
  border: 1px solid #363499;
  border-radius: 2px;
  padding: 2px 8px;
  font-size: 1.4rem;
  display: inline-block;
  margin-right: 15px;
}

.reservationList .item .contentL .time {
  font-size: 2.2rem;
  margin-bottom: 0;
}

.reservationList .item .contentL .time span {
  margin-right: 50px;
}

.reservationList .item .contentL .time .hour {
  display: inline-block;
  margin-right: 0;
  font-size: 1.8rem;
}

.reservationList .item .contentR {
  background-color: rgba(54, 52, 153, 0.13);
  width: 30%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.reservationList .item .contentR .tag {
  font-size: 1.5rem;
  color: #FFF;
  border-radius: 15px;
  background-color: #363499;
  padding: 2px;
  display: inline-block;
  min-width: 100px;
  margin-right: 10px;
  text-align: center;
}

.reservationList .item .contentR .price {
  color: #363499;
  font-size: 2.8rem;
  font-weight: bold;
}

.reservationList .item .contentR .price em {
  font-size: 1.4rem;
  font-style: normal;
  display: inline-block;
}

.reservationList .item .cancelBox {
  text-align: center;
  min-width: 172px;
  background-color: rgba(54, 52, 153, 0.21);
}

.reservationList .item .cancelBox .ttl {
  font-size: 1.6rem;
  font-weight: bold;
  color: #363499;
  margin-bottom: 10px;
}

.reservationList .item .btnCancel {
  display: inline-block;
  min-width: 110px;
  border: 1px solid #E81850;
  border-radius: 4px;
  color: #E81850;
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #FFF;
  padding: 6px;
  text-align: center;
}

.reservationNotify {
  display: inline-block;
  margin: 0 auto;
  font-size: 2.8rem;
  font-weight: bold;
  color: rgba(54, 52, 153, 0.21);
  border: 3px solid rgba(54, 52, 153, 0.21);
  padding: 10px 70px;
}

.userNav {
  background: linear-gradient(to right, #443BA8 10%, #001483 100%);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.userNav nav {
  display: flex;
  justify-content: center;
}

.userNav nav a {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  font-size: 1.2rem;
  font-weight: bold;
  height: 76px;
  min-width: 142px;
  padding: 0 25px 8px;
  color: #FFF;
  text-decoration: none;
  border-bottom: 4px solid transparent;
  transition: border-bottom-color 0.3s ease;
  position: relative;
}

.userNav nav a::after,
.userNav nav a::before {
  background-color: rgba(255, 255, 255, 0.25);
  content: "";
  display: inline-block;
  height: 60px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 1px;
}

.userNav nav a::after {
  display: none;
}

.userNav nav a:last-child::after {
  display: inline-block;
  left: inherit;
  right: 0;
}

.userNav nav a:hover,
.userNav nav a.active {
  border-bottom-color: #FFF;
}

.userNav nav img {
  max-width: 25px;
  max-height: 23px;
  margin-bottom: 5px;
}

@media only screen and (max-width: 1200px) {
  .userNav nav a {
    min-width: inherit;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 991.98px) {
  .stepList li {
    font-size: 1.6rem;
  }

  .reservationList .item .contentR,
  .reservationList .item .contentL,
  .reservationList .item .cancelBox {
    padding: 25px 20px 22px;
  }

  .reservationList .item .contentL .time {
    font-size: 2rem;
  }

  .reservationList .item .contentL .time span {
    margin-right: 15px;
  }

  .reservationList .item .contentR .price {
    font-size: 2.5rem;
  }

  .userNav nav a {
    padding-right: 12px;
    padding-left: 12px;
    font-size: 1.1rem;
  }
}

@media only screen and (min-width: 768px) {
  .pcHideNav {
    display: none;
  }
}

@media only screen and (max-width: 767.98px) {
  .formUser {
    margin: 0 -15px;
  }

  .formUser01 {
    margin: 0;
  }

  .formUser01 .tblUser th {
    background-color: #E6E6E6;
    color: #000;
  }

  .stepList {
    margin: 20px 0px;
  }

  .stepList li {
    font-size: 1.5rem;
    line-height: 1.3;
    flex-direction: column;
    padding: 13px 10px 5px;
  }

  .stepList li span {
    margin-bottom: 5px;
    font-size: 1rem;
    min-width: 50px;
    margin-right: 0;
  }

  .ttlUser {
    font-size: 1.4rem;
    text-align: left;
  }

  .completeBox {
    padding: 30px 25px 50px;
  }

  .completeBox .icon {
    margin-bottom: 15px;
  }

  .completeBox .icon img {
    max-width: 74px;
  }

  .completeBox .ttl {
    font-size: 2rem;
    margin-bottom: 15px;
  }

  .completeBox .txt,
  .completeBox .txt01,
  .completeBox a {
    font-size: 1.4rem;
    margin-bottom: 25px;
  }

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

  .selectUser .form-control {
    font-size: 1.5rem;
  }

  .infoFacility {
    padding: 15px;
    font-size: 1.7rem;
  }

  .infoFacility .label {
    font-size: 1.4rem;
  }

  .infoFacility .price {
    font-size: 2.6rem;
    margin-right: 25px;
  }

  .infoFacility .price span {
    font-size: 1.7rem;
  }

  .notifyBox {
    padding: 15px;
    font-size: 1.3rem;
    margin-bottom: 35px;
  }

  .notifyBox .ttl {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }

  .paymentBox {
    margin-bottom: 40px;
    font-size: 1.4rem;
  }

  .paymentBox .item {
    padding: 15px;
  }

  .paymentBox .inputItem .inputContent:after {
    top: 50%;
  }

  .paymentForm {
    padding: 0px;
  }

  .paymentForm .noteBox {
    background-color: #FFF;
    padding: 10px;
    width: 100%;
  }

  .paymentForm .noteBox .icon {
    min-width: 40px;
    margin-right: 15px;
  }

  .paymentForm .noteBox .icon img {
    width: 40px;
  }

  .paymentForm .tblStyle01 td {
    background-color: #F5F4F7;
  }

  .scheduleBlock {
    padding: 10px;
  }

  .scheduleBlock .mainArea {
    padding: 10px;
    margin-bottom: 25px;
  }

  .scheduleBlock .mainArea span {
    font-size: 1.8rem;
    background-size: 15px auto;
    padding-right: 30px;
  }

  .scheduleBlock .weekBox {
    padding: 12px;
  }

  .scheduleBlock .weekBox .date {
    font-size: 1.6rem;
    margin: 0 20px;
  }

  .event .fc-bg::before {
    height: calc(100% - 6px);
    width: calc(100% - 6px);
  }

  .event.circle .fc-bg::before {
    background-size: 15px auto;
  }

  .event.cross:before,
  .event.cross:after {
    height: 15px;
    width: 2px;
  }

  .event.line:after {
    height: 2px;
    width: 15px;
  }

  .reservationBox {
    margin-bottom: 50px;
  }

  .reservationList .item {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  .reservationList .item .contentR,
  .reservationList .item .contentL,
  .reservationList .item .cancelBox {
    padding: 13px 20px 10px;
  }

  .reservationList .item .contentL {
    width: 100%;
  }

  .reservationList .item .contentL .ttl {
    font-size: 1.4rem;
  }

  .reservationList .item .contentL .ttl span {
    padding: 2px 5px;
    font-size: 1.2rem;
    margin-right: 10px;
  }

  .reservationList .item .contentL .time {
    font-size: 1.8rem;
  }

  .reservationList .item .contentR {
    width: 100%;
    padding: 9px 20px;
  }

  .reservationList .item .contentR .tag {
    font-size: 1rem;
    min-width: 67px;
    margin-right: 15px;
  }

  .reservationList .item .contentR .price {
    font-size: 2rem;
  }

  .reservationList .item .contentR .price em {
    font-size: 1.3rem;
  }

  .reservationList .item .cancelBox {
    width: 100%;
    display: flex;
    align-items: center;
  }

  .reservationList .item .cancelBox .ttl {
    font-size: 1.6rem;
    margin-right: 15px;
    margin-bottom: 0;
  }

  .userNav {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
    position: absolute;
    width: 100%;
  }

  .userNav nav {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .userNav nav a {
    height: inherit;
    width: 50%;
    background: linear-gradient(to bottom, #443BA8 0%, #001483 100%);
    padding: 30px 10px;
    text-decoration: none;
    transition: opacity 0.3s ease;
    color: #FFF;
    font-size: 1.4rem;
    font-weight: bold;
    border-bottom: 1px solid rgba(255, 255, 255, 0.27);
    margin: 0;
  }

  .userNav nav a:hover {
    opacity: 0.7;
  }

  .userNav nav a:nth-child(odd) {
    border-right: 1px solid rgba(255, 255, 255, 0.27);
  }

  .userNav nav a:nth-last-child(-n+1):nth-child(2n),
  .userNav nav a:nth-last-child(-n+2):nth-child(2n+1) {
    border-bottom: 0;
  }

  .userNav nav a::before,
  .userNav nav a::after {
    display: none;
  }

  .userNav nav a:last-child:after {
    content: none;
  }

  .userNav nav img {
    margin-bottom: 5px;
    height: 40px;
    margin-right: 0;
  }

  .userNav.active {
    visibility: visible;
    opacity: 1;
    z-index: 2;
    position: fixed;
  }

  .reservationNotify {
    font-size: 1.8rem;
    border: 1px solid rgba(54, 52, 153, 0.21);
    padding: 10px 30px;
  }
}

@media only screen and (max-width: 480px) {
  .stepList li {
    background-color: #FFF;
    text-align: center;
    justify-content: flex-start;
  }

  .stepList li:after,
  .stepList li:before {
    display: none;
  }

  .stepList li.active {
    background-color: #353396;
  }

  .btnGroup {
    flex-direction: column-reverse;
  }

  .btnGroup .btn-gray {
    margin-right: 0 !important;
    margin-top: 20px;
  }

  .infoFacility {
    flex-wrap: wrap;
  }

  .infoFacility .price {
    margin-right: 0px;
  }

  .infoFacility .txtBox01 {
    width: 100%;
    text-align: center;
    margin-top: 5px;
  }
}

.checkBox {
  background-color: #000339;
  border-radius: 11px;
  padding: 50px;
  margin-top: 200px;
}

.checkBox .inner {
  margin: 0 auto;
  max-width: 837px;
}

.checkBox .userInfo,
.checkBox .userInfo01 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px auto 40px;
}

.checkBox .userInfo .ttl,
.checkBox .userInfo01 .ttl {
  font-size: 2.4rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.61);
  margin-right: 30px;
  width: 50%;
  margin-bottom: 0;
}

.checkBox .userInfo .detail,
.checkBox .userInfo01 .detail {
  color: #FFF;
  font-weight: bold;
  font-size: 2rem;
  width: 50%;
  text-align: left;
  margin-bottom: 0;
}

.checkBox .userInfo .detail.styleTxt,
.checkBox .userInfo01 .detail.styleTxt {
  display: flex;
  flex-direction: column;
}

.checkBox .userInfo .detail.styleTxt span,
.checkBox .userInfo01 .detail.styleTxt span {
  display: inline-block;
  background-color: #001489;
  padding: 0px 5px;
}

.checkBox .userInfo .detail.styleTxt span:not(:last-child),
.checkBox .userInfo01 .detail.styleTxt span:not(:last-child) {
  margin-bottom: 5px;
}

.checkBox .userInfo .serviceItem,
.checkBox .userInfo01 .serviceItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-size: 2rem;
}

.checkBox .userInfo .serviceItem span,
.checkBox .userInfo01 .serviceItem span {
  width: 100%;
  margin-bottom: 0 !important;
}

.checkBox .userInfo span,
.checkBox .userInfo01 span {
  display: block;
}

.checkBox .userInfo01 {
  flex-wrap: wrap;
  margin: 0px -15px;
}

.checkBox .userInfo01 .itemUser {
  width: calc(33.33% - 30px);
  margin: 0px 15px 15px;
}

.checkBox .userInfo01 form .ttl,
.checkBox .userInfo01 form .detail {
  width: 100%;
  margin-right: 0;
  text-align: center;
}

.checkBox .userInfo01 form .btn {
  width: 100%;
}

.checkBox .btnCheck {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.checkBox .metroNavItemSmall {
  min-width: 406px;
  height: 108px;
  margin-right: 25px;
  font-size: 2.7rem;
}

.checkBox .select2-container {
  display: block;
}

.checkBox01 {
  margin-top: 0px;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}

.checkBox01 .inner {
  margin: 0 auto;
  max-width: 960px;
}

.checkBox01 .checkBoxTtl {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  margin-bottom: 20px;
}

.checkBox01 .userSelectBlock {
  background-color: #000556;
  padding: 20px;
  margin-bottom: 30px;
}

.checkBox01 .notifyBlock {
  margin-top: 0;
  background-color: #0A094B;
  padding: 20px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  height: 80px;
}

.checkBox01 .notifyBlock .iconBarCode {
  padding-right: 20px;
  position: relative;
}

.checkBox01 .notifyBlock .iconBarCode:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 32px;
  background-color: #707070;
}

.checkBox01 .notifyBlock .form-control {
  background-color: transparent;
  height: 4rem;
  border: 0;
  height: auto;
  border-radius: 0;
  line-height: 1;
  padding-left: 25px;
  color: #FFF;
  font-size: 2.4rem;
  font-weight: bold;
}

.checkBox01 .notifyBlock .form-control::-moz-placeholder {
  font-size: 2.4rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.37);
}

.checkBox01 .notifyBlock .form-control:-ms-input-placeholder {
  font-size: 2.4rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.37);
}

.checkBox01 .notifyBlock .form-control::-ms-input-placeholder {
  font-size: 2.4rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.37);
}

.checkBox01 .notifyBlock .form-control::placeholder {
  font-size: 2.4rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.37);
}

.checkBox01 .select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
  height: 60px;
  padding-right: 25px;
  padding-left: 70px;
  border-radius: 7px;
}

.checkBox01 .select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-size: 2.4rem;
  font-weight: bold;
  color: #D1D1D1;
}

.checkBox01 .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: url(/img/svg/icon_select02.svg) no-repeat 50% 50%;
}

.checkBox01 .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.checkBox01 .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 2.4rem;
  font-weight: bold;
}

.checkBox01 .userInfoLst {
  list-style-type: none;
  padding-left: 0;
  font-size: 2rem;
  font-weight: bold;
  color: #000;
  border-radius: 6px;
}

.checkBox01 .userInfoLst li {
  display: flex;
}

.checkBox01 .userInfoLst li:not(:last-child) {
  border-bottom: 1px dotted #DDD;
}

.checkBox01 .userInfoLst li p {
  margin-bottom: 0;
}

.checkBox01 .userInfoLst li:first-child .ttl {
  border-radius: 6px 0px 0px 0px;
}

.checkBox01 .userInfoLst li:first-child .detail {
  border-radius: 0px 6px 0px 0px;
}

.checkBox01 .userInfoLst li:last-child .ttl {
  border-radius: 0px 0px 0px 6px;
}

.checkBox01 .userInfoLst li:last-child .detail {
  border-radius: 0px 0px 6px 0px;
}

.checkBox01 .userInfoLst .ttl {
  color: rgba(255, 255, 255, 0.61);
  text-align: right;
  padding: 11px 15px;
  background-color: #0E0E46;
  min-width: 200px;
}

.checkBox01 .userInfoLst .detail {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 11px 15px;
  background-color: #FFF;
}

.checkBox01 .userInfoLst .detail.styleTxt {
  color: #26C17A;
  display: block;
}

.checkBox01 .userInfoLst .detail .note {
  font-size: 1.4rem;
  color: #000;
  font-weight: normal;
}

.checkBox01 .userInfoLst .detail .ageSexBox #sex {
  position: relative;
  padding-left: 20px;
}

.checkBox01 .userInfoLst .detail .ageSexBox #sex:after {
  content: "\30FB";
  position: absolute;
  left: 0;
}

.checkBox01 .userInfoLst .detail .ageSexBox #age:empty + #sex {
  padding-left: 0;
}

.checkBox01 .userInfoLst .detail .ageSexBox #age:empty + #sex:after {
  display: none;
}

.checkBox01 .btnCheck {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  justify-content: space-between;
}

.checkBox01 .btnCheck .metroNavItemSmall {
  width: 50%;
  margin-right: 40px;
  border-radius: 8px;
}

.checkBox01 #errorMsgDiv {
  background-color: #C93559;
}

.checkBox01 #successMsgDiv {
  background-color: #26C17A;
}

.checkBox01 .metroNavItemSmall01 {
  display: flex;
  align-items: center;
  text-align: center;
  background-color: #4E6AD5;
  border-radius: 6px;
  font-size: 3.3rem;
  font-weight: bold;
  color: #FFF;
  padding: 20px;
  height: 92px;
  transition: opacity 0.3s;
}

.listTab {
  position: relative;
}

.listTab .tabActive {
  display: none;
  margin-bottom: 0;
}

.tabBoxUser {
  display: flex;
  justify-content: center;
}

.tabBoxUser a {
  margin: 0 10px;
  background-color: #0A094B;
  color: #FFF;
  padding: 0.9rem 1rem;
  font-size: 1.4rem;
  border-radius: 6px 6px 0px 0px;
  flex: 1;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.tabBoxUser a.active {
  background-color: #FFF;
  color: #0A094B;
}

.tabBoxUser a.active:hover {
  color: #0A094B;
  opacity: 1;
}

.tabBoxUser a:hover {
  color: #FFF;
}

#uTabScheduleBox01 {
  visibility: visible;
  opacity: 1;
  max-height: 100%;
}

.uTabScheduleBox {
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  max-height: 0;
}

.uTabScheduleBox.show {
  visibility: visible;
  opacity: 1;
  max-height: 100%;
}

.uTabScheduleBox.hide {
  visibility: hidden !important;
  opacity: 0 !important;
  max-height: 0 !important;
}

.schoolSelectBox {
  display: inline-flex;
  align-items: center;
  background-color: #EAEAEA;
  border-radius: 4px;
  padding: 15px 45px 15px 30px;
  margin-bottom: 30px;
}

.schoolSelectBox .item {
  display: flex;
  align-items: center;
}

.schoolSelectBox .item:not(:last-child) {
  margin-right: 25px;
}

.schoolSelectBox .ttlSchoolSelect {
  font-size: 1.4rem;
  font-weight: bold;
  margin-right: 10px;
  color: #444;
  margin-bottom: 0;
}

.schoolSelectBox .selectUser .form-control {
  font-size: 1.4rem;
  font-weight: bold;
  color: #444;
  border-color: #FAFAFA;
  padding-right: 40px;
}

.schoolSelectBox.style01 {
  border-radius: 0;
  margin-bottom: 0;
}

.schoolSelectBox.style01 .ttlSchoolSelect {
  font-size: 2.2rem;
  margin-right: 35px;
  color: #000;
}

.schoolSelectBox.style01 .selectUser {
  margin-right: 15px;
}

.schoolSelectBox.style01 .selectUser .form-control {
  font-size: 1.8rem;
  min-width: 170px;
}

.schoolSelectBox.style01 .btnUser {
  min-width: 100px;
  font-size: 1.4rem;
  padding: 10px 15px;
}

.schoolUserNote {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 30px;
  color: #444;
}

.scheduleSchoolBox {
  display: flex;
}

.scheduleSchoolBox:not(:last-child) {
  margin-bottom: 60px;
}

.scheduleSchoolBox .item {
  width: calc(100% / 6);
}

.scheduleSchoolBox .item:not(:last-child) {
  border-right: 1px solid #DDDDDD;
}

.scheduleSchoolBox .item .ttl {
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-size: 1.4rem;
  padding: 9px 10px;
  margin-bottom: 0;
  background-color: #161651;
}

.scheduleSchoolBox .item .detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  padding: 10px;
  text-align: center;
  min-height: 150px;
}

.scheduleSchoolBox .item .txt,
.scheduleSchoolBox .item .completeBox .txt01,
.completeBox .scheduleSchoolBox .item .txt01,
.scheduleSchoolBox .item .completeBox a,
.completeBox .scheduleSchoolBox .item a {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.scheduleSchoolBox .item .txt01,
.scheduleSchoolBox .item .date {
  display: block;
  font-size: 1.4rem;
}

.pageMembershipCard {
  background: linear-gradient(to bottom, #443BA8 0%, #001483 100%);
  min-height: 100vh;
}

.pageMembershipCard .keyv {
  display: none;
}

.pageMembershipCard .barCodeBlock {
  background: none;
}

.barCodeBlock {
  background: linear-gradient(to bottom, #443BA8 0%, #001483 100%);
  padding: 60px 50px 110px;
  text-align: center;
}

.barCodeBlock .btnUser {
  background-color: #8891FF;
  min-width: 100px;
  padding: 7px 10px;
  margin-bottom: 25px;
  border-radius: 6px;
}

.barCodeBlock .ttl {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 10px;
  color: #FFF;
}

.barCodeBlock .infoBox {
  background-color: #FFF;
  border-radius: 13px;
  padding: 25px;
  max-width: 550px;
  margin: 0 auto;
}

.barCodeBlock .contentBox {
  max-width: 350px;
  margin: 0 auto;
}

.barCodeBlock .ttlInfo {
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 1.2rem;
  line-height: 1.4;
}

.barCodeBlock .ttlInfo .txt,
.barCodeBlock .ttlInfo .completeBox .txt01,
.completeBox .barCodeBlock .ttlInfo .txt01,
.barCodeBlock .ttlInfo .completeBox a,
.completeBox .barCodeBlock .ttlInfo a {
  display: inline-block;
  min-width: 50px;
  font-size: 1.6rem;
  margin-right: 10px;
}

.barCodeBlock .ttlInfo .txt01 {
  font-size: 2.6rem;
  text-align: left;
}

.barCodeBlock .ttlInfo .code {
  font-size: 2.4rem;
}

.barCodeBlock .imgCode {
  margin-bottom: 15px;
}

.barCodeBlock .imgCode img {
  max-width: 100%;
}

.barCodeBlock .noteLst {
  padding-top: 15px;
  border-top: 1px solid rgba(112, 112, 112, 0.31);
  font-size: 1.4rem;
  list-style-type: none;
  padding-left: 0;
  text-align: left;
}

.newDetailBox {
  background-color: #FFF;
  padding: 50px 60px 80px;
  box-shadow: rgba(99, 99, 99, 0.04) 0px 3px 14px 0px;
  margin-bottom: 35px;
}

.newDetailInfo {
  padding-bottom: 18px;
  margin-bottom: 40px;
  border-bottom: 1px solid #D3D3D3;
}

.newDetailInfo .date {
  font-family: "Oswald", sans-serif;
  font-size: 1.4rem;
  color: #BABABA;
  margin-bottom: 5px;
}

.newDetailInfo .ttl {
  font-size: 2rem;
  font-weight: bold;
  color: #000659;
  margin-bottom: 0;
}

.newDetailContent .txt,
.newDetailContent .completeBox .txt01,
.completeBox .newDetailContent .txt01,
.newDetailContent .completeBox a,
.completeBox .newDetailContent a {
  font-size: 1.4rem;
  line-height: 1.5;
  color: #444;
  margin-bottom: 40px;
}

.newDetailContent .img {
  padding-top: 30px;
  margin-bottom: 55px;
  text-align: center;
}

.newDetailContent .img img {
  max-width: 100%;
}

.newDetailContent .txt01 {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 15px;
}

.newDetailContent img {
  max-width: 100%;
}

.newDetailLink {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000659;
  text-decoration: underline;
}

.newDetailLink:hover {
  text-decoration: none;
  color: #000659;
}

@media only screen and (max-width: 1199.98px) {
  .tabBoxUser a {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 768px) {
  .tabBoxUser {
    display: flex !important;
  }
}

@media only screen and (max-width: 767.98px) {
  .tabBoxUser {
    display: none;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    background-color: #FFF;
    z-index: 10;
    border-top: 2px solid #0A094B;
    border-bottom: 2px solid #0A094B;
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.3);
  }

  .tabBoxUser a {
    width: 100%;
    margin: 0;
    background-color: #FFF;
    color: #0A094B;
    border-radius: 0;
    font-size: 1.3rem;
    padding: 10px;
  }

  .tabBoxUser a:not(:last-child) {
    border-bottom: 1px solid #0A094B;
  }

  .tabBoxUser a.active {
    background-color: #0A094B;
    color: #FFF;
  }

  .listTab {
    margin-bottom: 20px;
  }

  .listTab .tabActive {
    display: block;
    padding: 10px 30px 10px 10px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #0A094B;
    background: #FFF url(/img//svg/icon_arrow_down.svg) no-repeat right 10px top 50%/12px auto;
    border-radius: 4px;
  }

  .listTab .tabActive.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .schoolSelectBox {
    padding: 15px;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  .schoolSelectBox .item {
    width: 100%;
  }

  .schoolSelectBox .item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .schoolSelectBox .ttlSchoolSelect {
    min-width: 55px;
    text-align: right;
  }

  .schoolSelectBox.style01 {
    background-color: transparent;
    justify-content: center;
    padding: 0;
  }

  .schoolSelectBox.style01 .ttlSchoolSelect {
    width: 100%;
    margin-right: 0;
    min-width: auto;
    text-align: center;
  }

  .schoolSelectBox.style01 .iconConnect {
    transform: rotate(90deg);
  }

  .schoolSelectBox.style01 .infoBox {
    flex-wrap: wrap;
    justify-content: center;
  }

  .schoolSelectBox.style01 .detailBox {
    padding: 15px 30px;
    background-color: #EAEAEA;
    border-radius: 4px;
    justify-content: center;
    width: auto;
  }

  .schoolSelectBox.style01 .selectUser .form-control {
    min-width: 137px;
    padding-right: 30px;
  }

  .scheduleSchoolBox {
    flex-wrap: wrap;
  }

  .scheduleSchoolBox .item {
    width: calc(100% / 3);
  }

  .scheduleSchoolBox .item:nth-child(odd) {
    margin-bottom: 0;
  }

  .scheduleSchoolBox .item .detail {
    min-height: 100px;
    height: calc(100% - 40px);
  }

  .scheduleSchoolBox .item .date {
    font-size: 1.2rem;
  }

  .barCodeBlock {
    padding: 25px 15px;
    min-height: calc(100vh - 210px);
  }

  .barCodeBlock .ttlInfo {
    margin-bottom: 10px;
  }

  .barCodeBlock .ttlInfo .txt,
  .barCodeBlock .ttlInfo .completeBox .txt01,
  .completeBox .barCodeBlock .ttlInfo .txt01,
  .barCodeBlock .ttlInfo .completeBox a,
  .completeBox .barCodeBlock .ttlInfo a {
    font-size: 1.3rem;
  }

  .barCodeBlock .ttlInfo .txt01 {
    font-size: 2rem;
  }

  .barCodeBlock .ttlInfo .code {
    font-size: 2.1rem;
  }

  .barCodeBlock .imgCode {
    margin-bottom: 10px;
  }

  .barCodeBlock .noteLst {
    font-size: 1.2rem;
  }

  .newDetailBox {
    padding: 20px;
    margin-bottom: 20px;
  }

  .newDetailInfo {
    padding-bottom: 10px;
    margin-bottom: 15px;
  }

  .newDetailInfo .ttl {
    font-size: 1.8rem;
  }

  .newDetailContent .txt,
  .newDetailContent .completeBox .txt01,
  .completeBox .newDetailContent .txt01,
  .newDetailContent .completeBox a,
  .completeBox .newDetailContent a {
    margin-bottom: 30px;
  }

  .newDetailContent .img {
    padding-top: 20px;
    margin-bottom: 30px;
  }

  .newDetailContent .txt01 {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 425px) {
  .schoolSelectBox.style01 .detailBox {
    padding: 15px;
  }
}

@media only screen and (max-width: 374px) {
  .schoolSelectBox.style01 .detailBox {
    flex-direction: column;
    width: 100%;
  }

  .schoolSelectBox.style01 .detailBox .selectUser {
    margin-bottom: 10px;
    margin-right: 0;
  }
}

.historySection {
  display: flex;
  flex-direction: column;
  position: relative;
}

.historySection .user-month {
  display: block;
  position: absolute;
  top: 165px;
  left: 50%;
  transform: translateX(-50%);
  order: 2;
  font-size: 23px;
  font-weight: bold;
  font-family: Oswald, sans-serif;
  color: #2D2E9B;
  z-index: 2;
}

.historySection .user-month.hide {
  display: none;
}

.historySection .count-event {
  font-size: 30px;
}

.historySection .qs-datepicker-container {
  position: relative;
  width: 100%;
  max-width: 700px;
  margin: 65px auto 70px;
  padding: 30px;
  border: none;
  box-shadow: none;
  background-color: #F4F5F7;
  font-family: Oswald, sans-serif;
  z-index: 1;
  order: 1;
  left: 0 !important;
}

.historySection .qs-datepicker-container .qs-controls {
  display: flex;
  justify-content: center;
  background: none;
  font-size: 30px;
  margin-bottom: 80px;
  color: #BABABB;
}

.historySection .qs-datepicker-container .qs-arrow.qs-left {
  display: flex;
  align-items: center;
  position: relative;
  width: 110px;
  height: 45px;
  border: 1px solid #BABABB;
}

.historySection .qs-datepicker-container .qs-arrow.qs-left::before {
  position: absolute;
  font-size: 20px;
  font-weight: 600;
  content: "\524D\6708";
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  color: #161651;
}

.historySection .qs-datepicker-container .qs-arrow.qs-left::after {
  position: absolute;
  content: "";
  background-image: url(/img//svg/icon_prev01.svg);
  background-repeat: no-repeat;
  left: 15px;
  top: 50%;
  transform: translateY(-45%);
  z-index: 999;
  width: 12px;
  height: 20px;
}

.historySection .qs-datepicker-container .qs-arrow.qs-right {
  position: relative;
  width: 110px;
  height: 45px;
  border: 1px solid #BABABB;
}

.historySection .qs-datepicker-container .qs-arrow.qs-right::before {
  position: absolute;
  content: "\7FCC\6708";
  font-size: 20px;
  font-weight: 600;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  color: #161651;
}

.historySection .qs-datepicker-container .qs-arrow.qs-right::after {
  position: absolute;
  content: "";
  background-image: url(/img//svg/icon_next01.svg);
  background-repeat: no-repeat;
  left: calc(100% - 25px);
  top: 50%;
  transform: translateY(-45%);
  z-index: 999;
  width: 12px;
  height: 20px;
}

.historySection .qs-datepicker-container .qs-arrow.qs-left:after,
.historySection .qs-datepicker-container .qs-arrow.qs-right:after {
  border: none;
}

.historySection .qs-datepicker-container .qs-month-year {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  flex-shrink: 0;
  width: 37%;
  max-width: 265px;
  font-weight: 500;
  margin: 0 20px;
  line-height: 1;
  color: #161651;
  pointer-events: none;
  padding-top: 5px;
}

.historySection .qs-datepicker-container .qs-year {
  position: relative;
  font-size: 50px;
  padding-right: 35px;
  margin-right: 10px;
  padding-left: 0;
}

.historySection .qs-datepicker-container .qs-year::after {
  position: absolute;
  content: "\5E74";
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  font-size: 35px;
}

.historySection .qs-datepicker-container .qs-month {
  position: relative;
  font-size: 50px;
  padding-right: 35px;
}

.historySection .qs-datepicker-container .qs-month::after {
  position: absolute;
  content: "\6708";
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  font-size: 35px;
}

.historySection .qs-datepicker-container .qs-squares {
  margin: -1.5px;
  padding: 0;
}

.historySection .qs-datepicker-container .qs-day {
  width: calc(100% / 7 - 3px);
  background-color: #FFF;
  font-family: Hiragino Sans, sans-serif;
  color: #161651;
  font-size: 14px;
  margin: 0 1.5px 2px;
  height: 33px;
  border-radius: 6px;
}

.historySection .qs-datepicker-container .qs-day:nth-child(6) {
  color: #6396DD;
}

.historySection .qs-datepicker-container .qs-day:nth-child(7) {
  color: #FC2FA5;
}

.historySection .qs-datepicker-container .qs-square.qs-num {
  display: flex;
  align-items: flex-start;
  width: calc(14.28% - 3px);
  height: 70px;
  margin: 1.5px;
  border-radius: 6px;
  background-image: linear-gradient(to bottom, #443BA8, #001483);
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
  cursor: default;
  pointer-events: none;
}

.historySection .qs-datepicker-container .qs-event.qs-num {
  position: relative;
  background-image: linear-gradient(to right bottom, #2CB2AA, #443BA8);
}

.historySection .qs-datepicker-container .qs-event::after {
  position: absolute;
  content: "";
  background-image: url(/img//svg/icon_circle_check.svg);
  width: 36px;
  height: 36px;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.historySection .qs-datepicker-container .qs-outside-current-month.qs-num {
  background: none;
  position: relative;
  overflow: hidden;
}

.historySection .qs-datepicker-container .qs-outside-current-month.qs-num::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #001483;
}

.historySection .qs-datepicker-container .qs-square.qs-event.qs-outside-current-month.qs-num {
  position: relative;
  z-index: -1;
}

.historySection .qs-datepicker-container .qs-square.qs-event.qs-outside-current-month.qs-num::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #001483;
  z-index: 9999;
}

.historySection .tblService {
  background-color: #FFF;
  display: block;
}

.historySection .tblService .services span {
  display: inline-block;
  width: 16px;
  border-radius: 100%;
  transform: translateY(-1px);
  background-color: #E6E6E6;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  margin-left: 25px;
}

.historySection .tblService.hide {
  display: none;
}

.historySection .tblService thead th {
  width: 285px;
  padding: 10px;
  background-color: #161651;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.historySection .tblService tbody td {
  padding: 30px;
  line-height: 1.2;
}

.historySection .tblService th,
.historySection .tblService td,
.historySection .tblService tr {
  border: 1px solid #ddd;
}

.historySection .month-no-event {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFF;
  order: 4;
  padding: 60px;
  width: 100%;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 10px;
}

.historySection .month-no-event .no-event-title {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: bold;
}

.historySection .month-no-event.hide {
  display: none;
}

@media only screen and (max-width: 991.98px) {
  .historySection .tblService .services span {
    display: inline-block;
    margin-left: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .historySection .qs-datepicker-container {
    margin: 25px auto 35px;
  }

  .historySection .qs-datepicker-container .qs-controls {
    margin-bottom: 45px;
  }

  .historySection .qs-datepicker-container .qs-arrow.qs-left,
  .historySection .qs-datepicker-container .qs-arrow.qs-right {
    width: 70px;
    height: 28px;
  }

  .historySection .user-month {
    top: 96px;
    font-size: 16px;
  }

  .historySection .count-event {
    font-size: 20px;
  }

  .historySection .qs-datepicker-container .qs-arrow.qs-left::before,
  .historySection .qs-datepicker-container .qs-arrow.qs-right::before {
    font-size: 12px;
  }

  .historySection .qs-datepicker-container .qs-arrow.qs-left::after {
    left: 10px;
  }

  .historySection .qs-datepicker-container .qs-arrow.qs-right::after {
    left: calc(100% - 20px);
  }

  .historySection .qs-datepicker-container .qs-arrow.qs-left::after,
  .historySection .qs-datepicker-container .qs-arrow.qs-right::after {
    transform: scale(0.6) translateY(-76%);
  }

  .historySection .qs-datepicker-container .qs-arrow.qs-left::before {
    right: 10px;
    line-height: 1;
  }

  .historySection .qs-datepicker-container .qs-arrow.qs-right::before {
    left: 10px;
    line-height: 1;
  }

  .historySection .qs-datepicker-container .qs-month-year {
    width: 45%;
    max-width: 156px;
  }

  .historySection .qs-datepicker-container .qs-year,
  .historySection .qs-datepicker-container .qs-month {
    font-size: 30px;
    padding-right: 25px;
  }

  .historySection .qs-datepicker-container .qs-year::after,
  .historySection .qs-datepicker-container .qs-month::after {
    font-size: 22px;
  }

  .historySection .qs-datepicker-container .qs-squares {
    margin: -1px;
  }

  .historySection .qs-datepicker-container .qs-day {
    width: calc(100% / 7 - 2px);
    font-size: 14px;
    height: 30px;
    margin: 0px 1px 2px;
  }

  .historySection .qs-datepicker-container .qs-square.qs-num {
    width: calc(14.28% - 2px);
    height: 60px;
    margin: 1px;
    font-size: 16px;
  }

  .historySection .qs-datepicker-container .qs-event::after {
    transform: scale(0.8) translate(-62%, -55%);
  }

  .historySection .tblService thead th {
    padding: 5px 10px;
    font-size: 9px;
  }

  .historySection .tblService tbody td {
    padding: 25px 0;
    font-size: 11px;
  }

  .historySection .tblService .services span {
    display: inline-block;
    margin: 0 auto;
    margin-top: 5px;
    width: 14px;
    height: 14px;
    font-size: 9px;
    line-height: 14px;
    margin-left: 5px;
  }

  .historySection .tblService tbody td:first-child {
    padding-left: 10px;
  }

  .historySection .month-no-event {
    padding: 30px;
  }

  .historySection .month-no-event .no-event-title {
    font-size: 12px;
  }
}

@media only screen and (max-width: 414px) {
  .historySection .tblService .services {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .historySection .tblService tbody td:first-child {
    padding-left: 0;
    text-align: center !important;
  }

  .historySection .tblService .services span {
    display: block;
    margin: 0 auto;
    margin-top: 5px;
    width: 14px;
    height: 14px;
    font-size: 9px;
    line-height: 14px;
  }
}

.amountBox {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E2E4EA;
  border-radius: 4px;
  padding: 5px 20px;
  margin: 0 auto 30px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-weight: bold;
  color: #161651;
}

.amountBox .ttl {
  font-size: 1.8rem;
  margin-right: 20px;
  margin-bottom: 0;
}

.amountBox .total {
  font-family: "Oswald", sans-serif;
  font-size: 3.4rem;
  line-height: 1.3;
  font-weight: 500;
  align-self: flex-end;
}

.amountBox .total em {
  font-style: normal;
  font-size: 2.4rem;
}

@media only screen and (max-width: 767.98px) {
  .amountBox {
    margin-bottom: 15px;
  }

  .amountBox .ttl {
    font-size: 1.2rem;
  }

  .amountBox .total {
    font-size: 2.4rem;
  }

  .amountBox .total em {
    font-size: 1.6rem;
  }
}

.sectionBanner {
  position: relative;
  margin-top: 40px;
  margin-bottom: 15px;
}

.sectionBanner .contentBnr {
  overflow: hidden;
}

.sectionBanner .contentBnr .swiper-wrapper {
  display: flex;
}

.sectionBanner .contentBnr.contentCenter .swiper-wrapper {
  justify-content: center;
}

.sectionBanner .contentBnr.contentCenter .item {
  width: calc((100% / 3) - 20px);
  margin-right: 10px;
  margin-left: 10px;
}

.sectionBanner .contentBnr.contentCenter .swiper-button-prev,
.sectionBanner .contentBnr.contentCenter .swiper-button-next,
.sectionBanner .contentBnr.contentCenter .swiper-pagination {
  display: none;
}

.sectionBanner .swiper-button-next {
  right: -40px;
  background: url(/img/svg/ic_next.svg) no-repeat 50% 50%;
}

.sectionBanner .swiper-button-next::after {
  content: none;
}

.sectionBanner .swiper-button-prev {
  left: -40px;
  background: url(/img/svg/ic_prev.svg) no-repeat 50% 50%;
}

.sectionBanner .swiper-button-prev::after {
  content: none;
}

.sectionBanner .swiper-pagination {
  bottom: -30px !important;
}

.sectionBanner .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  opacity: 1;
  background: #FFF;
}

.sectionBanner .swiper-pagination-bullet-active {
  background: #001B78;
}

.sectionBanner img {
  border-radius: 8px;
  max-width: 100%;
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 991.98px) {
  .sectionBanner {
    padding: 0 30px;
  }

  .sectionBanner .contentBnr .swiper-button-next {
    right: 0;
  }

  .sectionBanner .contentBnr .swiper-button-prev {
    left: 0;
  }
}

@media only screen and (max-width: 767.98px) {
  .sectionBanner {
    padding: 0;
    margin-right: -15px;
    margin-left: -15px;
  }

  .sectionBanner .contentBnr.contentCenter .item {
    width: calc(50% - 20px);
    z-index: 1;
  }

  .sectionBanner .contentBnr .swiper-button-next,
  .sectionBanner .contentBnr .swiper-button-prev {
    background-size: 12px auto;
    z-index: 0;
  }

  .sectionBanner .contentBnr .swiper-button-next {
    right: calc(((100vw - 76.5%) / 2) - 22px );
  }

  .sectionBanner .contentBnr .swiper-button-prev {
    left: calc(((100vw - 76.5%) / 2) - 22px );
  }

  .sectionBanner .contentBnr .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
}

.checkBlock {
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
}

.checkBlock .inputItem:not(:last-child) {
  margin-right: 50px;
}

.checkBlock .inputItem .inputContent {
  padding-left: 25px;
}

.checkBlock .inputItem .inputContent.style01:before,
.checkBlock .inputItem .inputContent.style01:after {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.checkBlock label {
  font-size: 1.8rem;
  font-weight: bold;
}

.ttlFeeHead {
  text-align: center;
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 1.3;
  margin-bottom: 20px;
  color: #000;
}

.ttlFeeHead span {
  display: block;
  font-size: 1.8rem;
  font-weight: normal;
}

@media only screen and (max-width: 767.98px) {
  .ttlFeeHead {
    font-size: 2rem;
  }

  .ttlFeeHead span {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}

.monthlyFeeBlock {
  border-radius: 10px;
  background-color: #E5E5F5;
  padding: 35px 50px 50px;
}

.monthlyFeeBlock:not(:last-child) {
  margin-bottom: 50px;
}

.monthlyFeeBox {
  border-radius: 10px;
  background-color: #FFF;
  display: flex;
  justify-content: space-between;
  color: #000;
}

.monthlyFeeBox.active {
  border: 5px solid #353396;
}

.monthlyFeeBox.active .contentR .statusBox {
  background-color: #D7D6FF;
  border: 0;
  box-shadow: none;
}

.monthlyFeeBox.active .contentR .statusBox .statusTxt {
  color: #353396;
  background: url(/img/svg/ic_status_checked.svg) no-repeat 0% 50%;
}

.monthlyFeeBox .contentL {
  padding: 35px 40px 40px;
  width: 100%;
}

.monthlyFeeBox:not(:last-child) {
  margin-bottom: 20px;
}

.monthlyFeeBox .info {
  margin-bottom: 25px;
}

.monthlyFeeBox .info .txt,
.monthlyFeeBox .info .completeBox .txt01,
.completeBox .monthlyFeeBox .info .txt01,
.monthlyFeeBox .info .completeBox a,
.completeBox .monthlyFeeBox .info a {
  font-size: 1.6rem;
}

.monthlyFeeBox .info .ttl {
  font-size: 2.4rem;
  font-weight: bold;
}

.monthlyFeeBox .feeTag {
  font-size: 1.6rem;
  display: inline-block;
  min-width: 140px;
  max-width: 250px;
  font-weight: bold;
  color: #353396;
  margin-right: 15px;
  border-radius: 4px;
  border: 2px solid #192291;
  padding: 5px 10px;
  text-align: center;
}

.monthlyFeeBox .ttlSelect {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  margin-right: 10px;
  min-width: 185px;
}

.monthlyFeeBox .ttlSelect.showSp {
  display: none;
}

.monthlyFeeBox .selectUser .form-control {
  font-size: 1.6rem;
  font-weight: bold;
  color: #444;
  background-color: #FAFAFA;
  min-width: 235px;
}

.monthlyFeeBox .contentR {
  min-width: 350px;
  padding: 25px 30px;
  background-color: #F7F7F7;
  border-radius: 0px 10px 10px 0px;
}

.monthlyFeeBox .statusBox {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  padding: 10px;
  border-radius: 13px;
  border: 2px dashed #707070;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
  background-color: #EBEBEB;
  margin-bottom: 20px;
}

.monthlyFeeBox .statusBox .statusTxt {
  font-size: 2rem;
  font-weight: bold;
  color: #000;
  background: url(/img/svg/ic_status_check.svg) no-repeat 0% 50%;
  padding: 10px 0px 10px 50px;
  margin-bottom: 0;
}

.monthlyFeeBox .totalBox {
  color: #353396;
  font-size: 1.6rem;
  text-align: right;
}

.monthlyFeeBox .totalBox .feeItem {
  padding-right: 20px;
  margin-bottom: 10px;
}

.monthlyFeeBox .totalBox .feeItem > span {
  display: inline-block;
  word-break: break-all;
}

.monthlyFeeBox .totalBox .noteFee {
  font-size: 1.2rem;
  font-weight: normal;
}

.monthlyFeeBox .totalBox .total {
  padding-right: 20px;
  border-top: 1px solid #353396;
  padding-top: 10px;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 1.8rem;
  font-weight: bold;
}

.monthlyFeeBox .totalBox .total .number {
  font-size: 2.2rem;
}

.totalPaidBox {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: #FFF;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
  padding: 25px 0px;
  bottom: -150px;
  z-index: 10;
}

.totalPaidBox .inner04 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
}

.totalPaidBox .info {
  font-size: 2.2rem;
  color: #000;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}

.totalPaidBox .info > p {
  margin-bottom: 0;
  line-height: 1.3;
}

.totalPaidBox .info .txt,
.totalPaidBox .info .completeBox .txt01,
.completeBox .totalPaidBox .info .txt01,
.totalPaidBox .info .completeBox a,
.completeBox .totalPaidBox .info a {
  margin-right: 25px;
}

.totalPaidBox .info .number {
  font-size: 3.4rem;
}

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

.totalConfirm {
  background-color: #FFF;
  padding: 15px 35px;
  border-top: 2px solid #DDDDDD;
  font-size: 1.6rem;
  line-height: 1.3;
  color: #383838;
}

.totalConfirm .noteFee {
  font-size: 1.2rem;
}

.feeConfirm {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 30px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  line-height: 1.3;
}

.feeConfirm > p {
  margin-bottom: 0;
}

.feeConfirm .number {
  font-size: 3.4rem;
  line-height: 1;
}

.feeConfirm .noteFee {
  font-size: 1.8rem;
}

.feeConfirm .ttl {
  margin-right: 20px;
}

.feeConfirm > span {
  display: inline-block;
  word-break: break-all;
}

.feeConfirmCheck {
  background-color: #E1E4EF;
  padding: 20px;
  max-width: 575px;
  margin: 0 auto 40px;
}

.feeConfirmCheck .inputContent {
  font-size: 2.2rem;
  font-weight: bold;
  color: #111D8C;
  padding-left: 45px;
}

.feeConfirmCheck .inputContent.style01:before,
.feeConfirmCheck .inputContent.style01:after {
  width: 34px;
  height: 34px;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.feeConfirmCheck .inputContent.style01:after {
  background-size: 34px 34px;
}

.planLst {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.planLst:after {
  content: "";
  width: calc((100% - 60px) / 3);
}

.planLst > * {
  width: calc((100% - 60px) / 3);
  margin-bottom: 30px;
}

.planBox {
  padding: 30px;
  background-color: #FFF;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.09);
  border: 1px solid #DBDBDB;
  border-radius: 10px;
  text-align: center;
}

.planBox .ttl {
  display: inline-block;
  font-size: 2.6rem;
  margin-bottom: 0px;
  padding-left: 35px;
  color: #000;
  font-weight: bold;
  background: url(/img/svg/ic_add02.svg) no-repeat 0px 50%;
}

.planBox .txt,
.planBox .completeBox .txt01,
.completeBox .planBox .txt01,
.planBox .completeBox a,
.completeBox .planBox a {
  font-size: 2rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 0;
  border-top: 1px solid #CBCBCB;
  padding-top: 20px;
  margin-top: 20px;
}

.menuBtnGroup {
  display: flex;
  justify-content: center;
  margin: 0 -10px;
}

.menuBtnGroup > * {
  width: calc(50% - 20px);
  margin: 0 10px;
  min-width: auto;
}

@media only screen and (max-width: 1024px) {
  .monthlyFeeBox .ttlSelect {
    min-width: 150px;
  }
}

@media only screen and (max-width: 991.98px) {
  .monthlyFeeBox {
    flex-direction: column;
  }

  .btnGroup.style01 {
    flex-direction: column;
  }

  .btnGroup.style01 > * {
    min-width: auto !important;
    width: 100%;
  }

  .btnGroup.style01 > :first-child {
    margin-right: 0 !important;
    margin-bottom: 15px;
  }

  .planBox {
    padding: 30px 15px;
  }

  .planBox .ttl {
    font-size: 2.2rem;
  }

  .planBox .txt,
  .planBox .completeBox .txt01,
  .completeBox .planBox .txt01,
  .planBox .completeBox a,
  .completeBox .planBox a {
    font-size: 1.8rem;
  }
}

@media only screen and (max-width: 767.98px) {
  .checkBlock {
    margin: 30px 0px 15px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .checkBlock .inputItem {
    width: calc(50% - 15px);
    margin-bottom: 15px;
  }

  .checkBlock .inputItem:not(:last-child) {
    margin-right: 15px;
  }

  .checkBlock .inputItem label {
    font-size: 1.4rem;
  }

  .monthlyFeeBlock {
    padding: 30px 15px 40px;
    margin: 0 -15px;
  }

  .monthlyFeeBox .contentL {
    padding: 20px 15px;
  }

  .monthlyFeeBox .info {
    margin-bottom: 15px;
  }

  .monthlyFeeBox .info .txt,
  .monthlyFeeBox .info .completeBox .txt01,
  .completeBox .monthlyFeeBox .info .txt01,
  .monthlyFeeBox .info .completeBox a,
  .completeBox .monthlyFeeBox .info a {
    font-size: 1.4rem;
  }

  .monthlyFeeBox .info .ttl {
    font-size: 1.8rem;
  }

  .monthlyFeeBox .feeTag {
    min-width: 110px;
    max-width: 120px;
    font-size: 1.2rem;
    margin-right: 10px;
    padding: 5px;
  }

  .monthlyFeeBox .ttlSelect {
    font-size: 1.4rem;
    min-width: 100px;
    display: none;
  }

  .monthlyFeeBox .ttlSelect.showSp {
    display: inline-block;
  }

  .monthlyFeeBox .selectUser .form-control {
    min-width: 190px;
    font-size: 1.4rem;
  }

  .monthlyFeeBox .contentR {
    min-width: auto;
    padding: 20px 15px;
    border-radius: 0px 0px 10px 10px;
    display: flex;
    flex-direction: column;
  }

  .monthlyFeeBox .statusBox {
    order: 1;
    min-height: 67px;
    padding: 10px;
    border-radius: 12px;
    margin-bottom: 0px;
  }

  .monthlyFeeBox .statusBox .statusTxt {
    font-size: 1.8rem;
    background-size: 30px auto !important;
    padding: 5px 0px 5px 35px;
    margin-bottom: 0;
  }

  .monthlyFeeBox .totalBox {
    order: 0;
    margin-bottom: 10px;
  }

  .monthlyFeeBox .totalBox .feeItem {
    padding-right: 10px;
    margin-bottom: 10px;
  }

  .totalPaidBox {
    padding: 20px 0px;
    bottom: -75px;
  }

  .totalPaidBox .inner04 > * {
    margin-bottom: 10px;
  }

  .totalPaidBox .info {
    font-size: 1.4rem;
    display: block;
  }

  .totalPaidBox .info .txt,
  .totalPaidBox .info .completeBox .txt01,
  .completeBox .totalPaidBox .info .txt01,
  .totalPaidBox .info .completeBox a,
  .completeBox .totalPaidBox .info a {
    margin-right: 0px;
    margin-bottom: 5px;
  }

  .totalPaidBox .info .number {
    font-size: 2.4rem;
  }

  .totalPaidBox .info .noteFee {
    font-size: 1.5rem;
  }

  .totalConfirm {
    padding: 15px;
  }

  .feeConfirm {
    display: block;
    text-align: center;
  }

  .feeConfirm .number {
    font-size: 3rem;
  }

  .feeConfirm .ttl {
    margin-right: 0px;
    margin-bottom: 15px;
  }

  .feeConfirmCheck {
    background-color: #E1E4EF;
    padding: 15px;
    max-width: 100%;
    margin: 0 auto 20px;
  }

  .feeConfirmCheck .inputContent {
    font-size: 1.8rem;
    padding-left: 35px;
  }

  .feeConfirmCheck .inputContent.style01:before,
  .feeConfirmCheck .inputContent.style01:after {
    width: 28px;
    height: 28px;
  }

  .feeConfirmCheck .inputContent.style01:after {
    background-size: 28px 28px;
  }

  .planLst > * {
    width: 100%;
    margin-bottom: 20px;
  }

  .planBox {
    padding: 20px;
  }

  .planBox .ttl {
    font-size: 1.8rem;
    background-size: 20px auto;
    padding-left: 30px;
  }

  .planBox .txt,
  .planBox .completeBox .txt01,
  .completeBox .planBox .txt01,
  .planBox .completeBox a,
  .completeBox .planBox a {
    font-size: 1.4rem;
    padding-top: 10px;
    margin-top: 10px;
  }

  .menuBtnGroup {
    flex-direction: column;
    margin: 0;
  }

  .menuBtnGroup > * {
    width: 100%;
    margin: 0;
  }

  .menuBtnGroup > *:first-child {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 374px) {
  .monthlyFeeBox .ttlSelect {
    font-size: 1.2rem;
    min-width: 80px;
  }

  .monthlyFeeBox .selectUser .form-control {
    min-width: 160px;
    font-size: 1.2rem;
  }
}

/*
background: url(/img/user/bg_check.png) no-repeat 50% 50%/cover;
   */

.contentCheck {
  position: relative;
  min-height: 100vh;
  padding: 50px 0px;
  text-align: center;
}

.contentCheck:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.contentCheck > * {
  position: relative;
  z-index: 1;
}

.contentCheck .ttlBox {
  display: block;
  font-size: 3.8rem;
  font-weight: bold;
  color: #FFF;
  padding: 10px 40px;
  text-align: center;
  border: 2px solid #FFF;
  margin: 0 auto 20px;
  width: 100%;
  max-width: 700px;
}

.contentCheck .timeBox {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.3;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 50px;
}

.contentCheck .date {
  font-family: "Oswald", sans-serif;
  font-size: 6rem;
  margin-right: 25px;
}

.contentCheck .date em {
  font-style: normal;
  font-size: 7rem;
  margin-left: 15px;
}

.contentCheck .time {
  font-family: "Oswald", sans-serif;
  font-size: 10rem;
}

.contentCheck img {
  max-width: 100%;
}

.contentCheck .checkList {
  display: flex;
  justify-content: space-between;
}

.contentCheck .checkList > * {
  width: calc((100% - 70px) / 2);
}

.contentCheck .checkList .checkElBox {
  display: block;
  padding: 60px 50px 90px;
  background-image: linear-gradient(to left top, #001483, #443BA8);
  border-radius: 11px;
  transition: opacity 0.3s ease;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.56);
  margin-bottom: 30px;
}

.contentCheck .checkList .checkElBox:hover {
  text-decoration: none;
  opacity: 0.8;
}

.contentCheck .checkList .ttl {
  font-size: 4.7rem;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 40px;
  line-height: 1.3;
}

.contentCheck .checkList .img {
  margin: 0 auto;
}

.contentCheck .logoBox {
  max-width: 330px;
  margin-left: auto;
}

.contentCheckCol {
  display: flex;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.9);
}

.contentCheck.home {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.contentCheck.finish {
  background: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 30px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
}

.contentCheck.finish .img {
  margin-bottom: 30px;
}

.contentCheck.finish .ttl {
  font-size: 5.7rem;
  line-height: 1.3;
  margin-bottom: 30px;
}

.contentCheck.finish .txt,
.contentCheck.finish .completeBox .txt01,
.completeBox .contentCheck.finish .txt01,
.contentCheck.finish .completeBox a,
.completeBox .contentCheck.finish a {
  font-size: 2.9rem;
  line-height: 1.3;
}

.contentCheck .checkInfo {
  width: 41%;
  min-width: 565px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 50px 25px;
}

.contentCheck .checkInfo.checkout .img {
  max-width: 215px;
}

.contentCheck .checkInfo .logo {
  max-width: 330px;
}

.contentCheck .checkInfo .ttl {
  font-size: 7rem;
  font-weight: bold;
  margin-bottom: 20px;
  color: #FFF;
}

.contentCheck .checkInfo .img {
  max-width: 178px;
  margin-bottom: 60px;
}

.contentCheck .checkInfo .checkinTime {
  padding: 35px 50px;
  border: 1px solid #FFF;
  color: #FFF;
  line-height: 1.3;
}

.contentCheck .checkInfo .checkinTime .date {
  font-size: 4rem;
  display: block;
  margin-right: 0;
}

.contentCheck .checkInfo .checkinTime .date em {
  font-size: 4.5rem;
}

.contentCheck .checkInfo .checkinTime .time {
  font-size: 10rem;
  line-height: 1;
}

.contentCheck .checkCode {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #000;
  padding: 15px;
  text-align: center;
  width: 59%;
  padding-bottom: 50px;
}

.contentCheck .checkCode.multi {
  padding: 120px 75px 80px;
}

.contentCheck .checkCode .img {
  margin-bottom: 35px;
}

.contentCheck .checkCode .ttl {
  font-size: 4.8rem;
  color: #FFF;
  font-weight: bold;
  line-height: 1.3;
}

.contentCheck .ttlMulti {
  font-size: 4rem;
  line-height: 1.3;
  margin-bottom: 30px;
  font-weight: bold;
  color: #FFF;
}

.contentCheck .multiBox {
  color: #FFF;
  padding: 40px;
  border-radius: 16px;
  background-color: #262626;
  margin-bottom: 30px;
}

.contentCheck .multiBox .ttlSelect {
  font-size: 2.8rem;
  line-height: 1.3;
  margin-bottom: 30px;
}

.contentCheck .multiBox .inputItem {
  margin-right: 0;
  margin-bottom: 20px;
  text-align: left;
}

.contentCheck .multiBox .inputContent {
  padding-left: 70px;
  font-size: 3.4rem;
  font-weight: bold;
}

.contentCheck .multiBox .inputContent:before {
  width: 52px;
  height: 52px;
  border-radius: 10px;
}

.contentCheck .multiBox .inputContent:after {
  background: url(/img/svg/icon_checked03.svg) no-repeat 50% 50%;
  width: 52px;
  height: 52px;
  left: 0;
  transform: none;
  top: -2px;
}

.contentCheck .multiCancel {
  display: flex;
  align-items: center;
  font-size: 3.6rem;
  font-weight: bold;
  color: #FFF;
  transition: opacity 0.3s ease;
}

.contentCheck .multiCancel:hover {
  opacity: 0.6;
  text-decoration: none;
}

.contentCheck .btn-checkin {
  background: url(/img/svg/icon_arrow_next.svg) no-repeat right 20px top 50%/20px, linear-gradient(to left top, #001483, #443BA8) !important;
  padding-top: 33px;
  padding-bottom: 33px;
  font-size: 3.7rem;
  border-radius: 11px;
}

.contentCheck .btn-back {
  width: 75%;
  max-width: 407px;
  background: url(/img/svg/icon_arrow_prev.svg) no-repeat left 10% top 50%/20px, linear-gradient(to left top, #001483, #443BA8) !important;
  padding-left: 12%;
}

@media only screen and (max-width: 1199.98px) {
  .contentCheck .checkInfo {
    min-width: 450px;
  }

  .contentCheck .checkInfo .ttl {
    font-size: 5.5rem;
    font-weight: bold;
    margin-bottom: 20px;
    color: #FFF;
  }

  .contentCheck .checkInfo .checkinTime {
    padding: 30px;
  }

  .contentCheck .checkInfo .checkinTime .time {
    font-size: 7rem;
  }

  .contentCheck .checkCode .ttl {
    font-size: 3.5rem;
  }

  .contentCheck .btn-back {
    font-size: 3.2rem;
  }
}

@media only screen and (max-width: 1024px) {
  .contentCheck .checkList {
    padding: 0 25px;
  }

  .contentCheck .checkList > * {
    width: calc((100% - 40px) / 2);
  }

  .contentCheck .checkList .ttl {
    font-size: 3rem;
  }

  .contentCheck .checkList .img {
    max-width: 60%;
  }

  .contentCheck .checkList .checkElBox {
    padding: 50px 25px;
  }

  .contentCheck .loginBox {
    padding-right: 25px;
  }
}

@media only screen and (max-width: 991.98px) {
  .contentCheck .checkInfo {
    min-width: 350px;
  }

  .contentCheck .checkInfo .ttl {
    font-size: 4rem;
  }

  .contentCheck .checkInfo .checkinTime {
    padding: 25px;
  }

  .contentCheck .checkInfo .checkinTime .time {
    font-size: 6rem;
  }

  .contentCheck .checkCode.multi {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.eventUserLst {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}

.eventUserLst:after {
  content: "";
  width: calc((100% - 60px) / 3);
}

.eventUserLst > * {
  width: calc((100% - 60px) / 3);
  margin-bottom: 45px;
}

.eventUserBox,
.eventUserCol {
  position: relative;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.04);
  padding-bottom: 65px;
  background: #FFF;
  border-radius: 8px;
}

.eventUserBox .bnr,
.eventUserCol .bnr {
  border-radius: 8px 8px 0px 0px;
  line-height: 0;
  overflow: hidden;
  margin-bottom: 0;
}

.eventUserBox .bnr img,
.eventUserCol .bnr img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.eventUserBox .bnr img.setH,
.eventUserCol .bnr img.setH {
  height: calc((360px * 4) / 6);
}

@media only screen and (max-width: 1170px) {
  .eventUserBox .bnr img.setH,
  .eventUserCol .bnr img.setH {
    height: calc((100vw - 90px) / 3 * 4 / 6);
  }
}

@media only screen and (max-width: 991.98px) {
  .eventUserBox .bnr img.setH,
  .eventUserCol .bnr img.setH {
    height: calc((100vw - 90px) / 2 * 4 / 6);
  }
}

@media only screen and (max-width: 767.98px) {
  .eventUserBox .bnr img.setH,
  .eventUserCol .bnr img.setH {
    height: calc((100vw - 30px) * 4 / 6);
  }
}

.eventUserBox .info,
.eventUserCol .info {
  padding: 20px;
}

.eventUserBox .time,
.eventUserCol .time {
  font-size: 1.6rem;
  font-weight: bold;
  color: #4234A6;
  margin-bottom: 0;
}

.eventUserBox .ttl,
.eventUserCol .ttl {
  font-size: 2rem;
  font-weight: bold;
  color: #000;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #D6D6D6;
  min-height: 75px;
}

.eventUserBox .detailBox,
.eventUserCol .detailBox {
  display: inline-flex;
  margin-right: 20px;
  color: #000;
  font-size: 1.4rem;
  margin-bottom: 10px;
  align-items: center;
}

.eventUserBox .detailBox span,
.eventUserCol .detailBox span {
  align-self: flex-start;
  background-color: #E6E6E6;
  display: inline-block;
  min-width: 34px;
  margin-right: 10px;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}

.eventUserBox .getMore,
.eventUserCol .getMore {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  color: #FFF;
  text-decoration: none;
  font-size: 1.8rem;
  font-weight: bold;
  background-color: #4234A6;
  border-radius: 0px 0px 8px 8px;
  text-align: center;
  transition: opacity 0.3s ease;
  width: 100%;
}

.eventUserBox .getMore:hover,
.eventUserCol .getMore:hover {
  opacity: 0.6;
}

.eventUserBox .registered,
.eventUserCol .registered {
  background-color: #B7B7B7;
  color: #FFF;
  display: flex;
  justify-content: center;
}

.eventUserBox .registered img,
.eventUserCol .registered img {
  width: 25px;
}

.eventUserBtn {
  display: inline-block;
  padding: 15px;
  text-align: center;
  min-width: 204px;
  border: 1px solid #353396;
  background: #FFF;
  color: #000659;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.eventUserBtn:hover {
  opacity: 0.6;
  text-decoration: none;
}

.eventUserBtn01 {
  display: inline-block;
  min-width: 400px;
  padding: 20px;
  text-align: center;
  background-color: #4234A6;
  font-size: 1.8rem;
  font-weight: bold;
  color: #FFF;
  border-radius: 8px;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.eventUserBtn01:hover {
  color: #FFF;
  opacity: 0.6;
  text-decoration: none;
}

.eventUserTtl {
  font-size: 2.6rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 30px;
}

.eventUserCol {
  box-shadow: none;
  padding: 0;
  display: flex;
}

.eventUserCol .bnr {
  align-self: flex-start;
  border-radius: 8px;
  width: calc(50% - 45px);
  min-width: calc(50% - 45px);
  margin-right: 45px;
}

.eventUserCol .info {
  padding: 0;
}

.eventUserCol .detailBox {
  display: inline-flex;
  width: 100%;
  margin-right: 0px;
}

.eventUserCol .detailBox span {
  min-width: 68px;
  padding-top: 0;
  padding-bottom: 0;
}

.eventUserCol .detailBox:not(:last-child) {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #D6D6D6;
}

.eventUserContent {
  padding: 50px;
}

@media only screen and (max-width: 991.98px) {
  .eventUserLst:after {
    content: "";
    width: calc((100% - 30px) / 2);
  }

  .eventUserLst > * {
    width: calc((100% - 30px) / 2);
    margin-bottom: 45px;
  }
}

@media only screen and (max-width: 767.98px) {
  .eventUserLst {
    margin-bottom: 20px;
  }

  .eventUserLst:after {
    width: 100%;
  }

  .eventUserLst > * {
    width: 100%;
    margin-bottom: 30px;
  }

  .eventUserBox,
  .eventUserCol {
    padding-bottom: 50px;
  }

  .eventUserBox .bnr,
  .eventUserCol .bnr {
    border-radius: 4px 4px 0px 0px;
  }

  .eventUserBox .time,
  .eventUserCol .time {
    font-size: 1.4rem;
  }

  .eventUserBox .ttl,
  .eventUserCol .ttl {
    font-size: 1.6rem;
    min-height: auto;
  }

  .eventUserBox .detailBox,
  .eventUserCol .detailBox {
    font-size: 1.2rem;
  }

  .eventUserBox .detailBox span,
  .eventUserCol .detailBox span {
    min-width: 32px;
    margin-right: 10px;
    font-size: 1.1rem;
  }

  .eventUserBox .getMore,
  .eventUserCol .getMore {
    min-height: 50px;
    padding: 10px 15px;
    font-size: 1.5rem;
    border-radius: 0px 0px 4px 4px;
  }

  .eventUserBox .registered img,
  .eventUserCol .registered img {
    width: 15px;
  }

  .eventUserBtn {
    font-size: 1.5rem;
  }

  .eventUserBtn01 {
    min-width: auto;
    padding: 12px 20px;
    font-size: 1.6rem;
    border-radius: 4px;
  }

  .eventUserTtl {
    font-size: 1.6rem;
    margin-bottom: 20px;
  }

  .eventUserCol {
    flex-direction: column;
  }

  .eventUserCol .bnr {
    border-radius: 4px;
    width: 100%;
    min-width: auto;
    margin-right: 0;
    margin-bottom: 25px;
  }

  .eventUserCol .detailBox span {
    min-width: 60px;
  }

  .eventUserCol .detailBox:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .eventUserContent {
    padding: 25px;
  }
}

.boxWhite {
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.04);
  background-color: #FFF;
  margin-bottom: 40px;
}

.boxGray {
  background-color: #E6E6E6;
  padding: 25px;
  text-align: center;
}

.boxGray .info {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #000;
}

.boxGray .phone {
  margin-left: 10px;
  font-size: 1.8rem;
  color: #5232B6;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.boxGray .phone:hover {
  opacity: 0.7;
}

.boxTxt {
  font-size: 1.4rem;
  line-height: 1.7;
  color: #000;
}

@media only screen and (max-width: 767.98px) {
  .boxWhite {
    margin-bottom: 20px;
  }

  .boxGray .phone {
    font-size: 1.6rem;
  }

  .boxGray .info {
    flex-direction: column;
  }

  .boxTxt {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}

.reserveBox,
.reserveBoxBg {
  background-color: #FFF;
  border: 2px solid #4335A9;
  padding: 25px;
  text-align: center;
  margin-bottom: 60px;
}

.reserveBox .ttl,
.reserveBoxBg .ttl {
  font-size: 2.4rem;
  font-weight: bold;
  color: #000;
}

.reserveBox .detail,
.reserveBoxBg .detail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.reserveBox .detail span,
.reserveBoxBg .detail span {
  display: inline-block;
}

.reserveBox .label,
.reserveBoxBg .label {
  padding: 2px 11px;
  border-radius: 6px;
  text-align: center;
  background-color: #4335A9;
  font-size: 2.4rem;
  font-weight: bold;
  color: #FFF;
  margin-right: 10px;
}

.reserveBox .price,
.reserveBoxBg .price {
  font-size: 3.4rem;
  color: #4335A9;
  font-weight: bold;
}

.reserveBox .price em,
.reserveBoxBg .price em {
  font-style: normal;
  font-size: 2.4rem;
}

.reserveBox .note,
.reserveBoxBg .note {
  display: inline-block;
  font-size: 1.8rem;
  color: #4335A9;
  font-weight: bold;
}

.reserveBoxBg {
  background-color: #5334B9;
  border: 0;
  color: #FFF;
  font-size: 2.5rem;
  font-weight: bold;
}

.reserveBoxBg .label {
  background-color: #FFF;
  color: #5334B9;
}

.reserveBoxBg .price {
  color: #FFF;
}

.reserveTxt {
  font-size: 1.4rem;
  font-weight: bold;
  color: #444444;
  margin-bottom: 20px;
}

.reserveTxtBox {
  border: 1px solid #CECECE;
  background-color: #FFF;
  padding: 25px;
  font-size: 1.4rem;
  line-height: 1.7;
  color: #444444;
  margin-bottom: 30px;
}

.reserveTxtBox .ttl {
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
}

.reserveTxtBg {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 20px;
  color: #000;
  background-color: rgba(54, 52, 153, 0.08);
}

@media only screen and (max-width: 767.98px) {
  .reserveBox,
  .reserveBoxBg {
    border: 1px solid #4335A9;
    padding: 15px;
    margin-bottom: 30px;
  }

  .reserveBox .ttl,
  .reserveBoxBg .ttl {
    font-size: 2rem;
  }

  .reserveBox .label,
  .reserveBoxBg .label {
    font-size: 2rem;
  }

  .reserveBox .price,
  .reserveBoxBg .price {
    font-size: 2.6rem;
  }

  .reserveBox .price em,
  .reserveBoxBg .price em {
    font-size: 1.8rem;
  }

  .reserveTxt {
    font-size: 1.3rem;
  }

  .reserveTxtBox {
    padding: 15px;
    font-size: 1.3rem;
    line-height: 1.5;
    margin-bottom: 20px;
  }

  .reserveTxtBox .ttl {
    font-size: 1.4rem;
  }

  .reserveTxtBg {
    font-size: 1.4rem;
    padding: 10px 15px;
  }
}

.paymentMethod {
  background-color: #FFF;
}

.paymentMethod .tblUser {
  margin-top: 15px;
}

.paymentMethod .tblUser td {
  background-color: #EDEEF2;
}

.paymentMethod .tblUser th,
.paymentMethod .tblUser td {
  padding: 22px 6px;
  font-size: 1.6rem;
}

@media only screen and (min-width: 768px) {
  .paymentMethod .tblUser th,
  .paymentMethod .tblUser td {
    color: #000;
  }
}

.paymentMethod .formDetail {
  padding: 18px 40px 40px;
}

.paymentMethod .formDetail .ttl {
  margin-right: 30px;
  font-size: 1.6rem;
  font-weight: 700;
}

.paymentMethod .paymentForm {
  padding: 0 40px;
}

.paymentMethod .paymentForm .noteBox {
  max-width: 458px;
}

.paymentMethod .paymentForm img {
  vertical-align: middle;
}

.registerVisitor .tblUser {
  box-shadow: none;
}

.registerVisitor .tblUser th,
.registerVisitor .tblUser td {
  padding-top: 22px;
  padding-bottom: 22px;
}

.block60 {
  margin-bottom: 60px;
}

@media only screen and (max-width: 767.98px) {
  .spPd10 {
    padding: 0 10px !important;
  }

  .paymentMethod .tblUser th,
  .paymentMethod .tblUser td {
    padding: 10px;
    font-size: 1.4rem;
  }

  .paymentMethod .tblUser th {
    background-color: #353396;
  }

  .paymentMethod .tblUser .required,
  .paymentMethod .tblUser .tblStyle01 th .unRequired,
  .tblStyle01 th .paymentMethod .tblUser .unRequired {
    margin-left: 15px;
  }

  .paymentMethod .paymentTitle {
    padding: 0 20px;
  }

  .paymentMethod .formDetail {
    padding: 12px 0 0;
  }

  .paymentMethod .formDetail .ttl {
    margin-right: 15px;
    font-size: 1.4rem;
  }

  .paymentMethod .paymentForm {
    padding: 0;
  }

  .paymentMethod .paymentForm .noteBox {
    max-width: 100%;
    margin-top: 5px;
  }

  .registerVisitor .headline7 {
    padding: 0 10px;
  }

  .registerVisitor .tblUser th,
  .registerVisitor .tblUser td {
    padding-top: 10px;
    padding-bottom: 10px;
  }

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

.downloadBlock {
  margin-top: 70px;
}

.downloadBox {
  display: flex;
  justify-content: space-between;
}

.downloadBox .info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 20px 20px 20px 50px;
  background: url(/img/svg/ic_pdf.svg) no-repeat left 20px top 50%;
  background-color: #FAFAFA;
  font-size: 1.6rem;
  color: #000;
}

.downloadBox .info span {
  display: inline-block;
  font-weight: bold;
}

.downloadArea {
  min-width: 222px;
  padding: 20px;
  text-align: center;
  background-color: #F5F5F5;
}

@media only screen and (max-width: 767.98px) {
  .downloadBlock {
    margin-top: 30px;
  }

  .downloadBox {
    flex-direction: column;
    align-items: flex-start;
  }

  .downloadBox .info {
    font-size: 1.4rem;
  }

  .downloadArea {
    min-width: auto;
    width: 100%;
    padding: 20px;
  }
}

.filterBlock {
  margin-bottom: 50px;
  padding: 30px 30px 20px;
  border: 1px solid #ccc;
  background-color: #fcfcfd;
}

.filterBlock .wrapFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.filterBlock .catFilter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-right: 30px;
  margin-bottom: 30px;
  width: calc(100% - 330px);
}

.filterBlock .catFilter .item {
  width: 32%;
}

.filterBlock .catFilter .form-control,
.filterBlock .catFilter .box-select {
  width: 100%;
}

.filterBlock .dateFilter {
  width: 300px;
  min-width: 300px;
  margin-bottom: 30px;
}

.filterBlock .dateFilter .d-flex {
  justify-content: space-between;
}

.filterBlock .dateFilter .form-control {
  width: calc((100% - 20px) / 2);
}

.filterBlock .ttl {
  display: block;
  text-align: left;
  margin-bottom: 5px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #666;
}

.filterBlock .filterClear {
  text-align: right;
  margin-top: 20px;
  margin-left: auto;
}

.filterBlock .filterClear span {
  font-size: 1.4rem;
  color: #001489;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.filterBlock .filterClear span:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 767.98px) {
  .filterBlock {
    margin-bottom: 30px;
    padding: 15px 10px;
  }

  .filterBlock .catFilter {
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
  }

  .filterBlock .catFilter .item {
    width: 100%;
    margin-bottom: 20px;
  }

  .filterBlock .dateFilter {
    width: 100%;
    min-width: auto;
    margin-bottom: 20px;
  }

  .filterBlock .dateFilter .form-control {
    width: calc((100% - 10px) / 2);
  }

  .filterBlock .ttl {
    margin-bottom: 5px;
    font-size: 1.2rem;
  }

  .filterBlock .filterClear span {
    font-size: 1.3rem;
  }
}

.eventTbl {
  margin-bottom: 30px;
  table-layout: fixed;
  border-spacing: 0;
  width: 1150px;
}

.eventTbl tr,
.eventTbl th,
.eventTbl td {
  border: 1px solid #cfcfcf;
}

.eventTbl tr {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .eventTbl tr:hover td {
    background-color: rgba(22, 22, 81, 0.04);
  }
}

.eventTbl th.number-cell {
  min-width: 60px;
  width: 60px;
}

.eventTbl th.price-cell {
  min-width: 70px;
  width: 70px;
}

.eventTbl th.category-cell {
  min-width: 100px;
  width: 100px;
}

.eventTbl th.period-cell {
  min-width: 50px;
  width: 50px;
}

.eventTbl th.date-cell {
  min-width: 120px;
  width: 120px;
}

.eventTbl th.hours-cell {
  min-width: 120px;
  width: 120px;
}

.eventTbl th.dow-cell {
  min-width: 50px;
  width: 50px;
}

.eventTbl th.times-cell,
.eventTbl th.capacity-cell {
  min-width: 50px;
  width: 50px;
}

.eventTbl th.end-a-cell {
  min-width: 110px;
  width: 110px;
}

.eventTbl th.apply-cell {
  min-width: 80px;
  width: 80px;
}

.eventTbl th.title-cell {
  min-width: 220px;
  width: 220px;
}

.eventTbl td {
  position: relative;
  word-break: break-all;
}

.eventTbl td > .contents {
  line-height: 1.5;
}

.eventTbl td > * {
  word-break: break-all;
}

.eventTbl td .e-title {
  color: #001489;
  transition: 0.3s;
  display: flex;
  height: 100%;
  align-items: center;
  width: 100%;
  line-height: 1.5;
}

.eventTbl .apply-cell {
  position: -webkit-sticky;
  position: sticky;
  right: 0px;
  box-shadow: -10px 0px 20px rgba(0, 0, 0, 0.03);
  padding: 0.4em 0.4em;
}

.eventTbl .apply-cell:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -1px;
  width: calc(100% + 2px);
  height: 100%;
  z-index: -1;
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
}

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

.scrOutwrap .scrollerWrap {
  display: none;
  text-align: left;
  -webkit-overflow-scrolling: none !important;
  -webkit-overflow-scrolling: inherit !important;
  top: 0;
  left: 0;
}

.scrOutwrap .scrollerWrap span {
  padding: 2px 20px 2px 5px;
  border-radius: 10px;
  position: relative;
  font-size: 1.3rem;
  margin-bottom: 10px;
  background-color: #ecf1fb;
  display: inline-block;
  color: #001489;
}

.scrOutwrap .scrollerWrap span:before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 5px;
  right: 10px;
  width: 9px;
  height: 15px;
  background: url(/img/svg/icon_arrow_right.svg) no-repeat 50% 50%/cover;
  -webkit-animation: toright 2s infinite;
          animation: toright 2s infinite;
  opacity: 0;
}

@media only screen and (max-width: 1230px) {
  .scrOutwrap .scrollerWrap {
    display: block;
  }
}

@media only screen and (max-width: 1230px) {
  .scrWrap {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 30px;
  }
}

@-webkit-keyframes toright {
  0% {
    right: 10;
    opacity: 1;
  }

  100% {
    right: 2px;
    opacity: 0;
  }
}

.pageNewDetail .header01 {
  background-color: #001489;
}

.pageNewDetail .header01 .contentL a img {
  width: 286px;
  height: auto;
}

.add-scroll-bar {
  height: 700px;
  width: 650px;
  overflow: auto;
}

.tabHighlight {
  background-color: #DB2564 !important;
  color: #FFF !important;
}

.tabHighlight:hover {
  color: #FFF !important;
}

#dashBoardPage {
  background: linear-gradient(to bottom right, #443BA8, #001483);
}

#dashBoardPage .header {
  padding-left: 35px;
  background-color: transparent;
}

#dashBoardPage .metroNavFixed {
  position: relative;
  bottom: auto;
  background: linear-gradient(to bottom, #030F48, #000D55);
}

#dashBoardPage .metroNavItemFixed {
  background: transparent;
  color: #FFF;
  height: 72px;
  font-size: 1.2rem;
  transition: background-color 0.3s;
}

#dashBoardPage .metroNavItemFixed::before {
  content: none;
}

#dashBoardPage .metroNavItemFixed.active,
#dashBoardPage .metroNavItemFixed:hover {
  background: rgba(46, 49, 130, 0.39);
}

#dashBoardPage .metroNavImgFixed {
  height: 35px;
}

#dashBoardPage .main {
  padding-bottom: 0;
}

.headlineDashboard {
  padding: 20px 0px 18px;
  background-color: rgba(156, 164, 227, 0.17);
  text-align: center;
  color: #FFF;
  font-size: 2.4rem;
  font-weight: bold;
}

.navChart {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -10px;
  padding: 25px 0px 30px;
}

.navChart a {
  text-decoration: none;
  text-align: center;
  display: inline-block;
  border: 1px solid #FFF;
  border-radius: 20px;
  padding: 6px 30px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #FFF;
  margin: 0 10px 10px;
  transition: background-color 0.3s ease;
}

.navChart a.active,
.navChart a:hover {
  background-color: #051158;
  border-color: transparent;
}

.navChart a.active {
  pointer-events: none;
}

.priceLstDb {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin: 0 -5px;
  min-width: 600px;
}

.priceLstDb li {
  width: calc(16.6% - 10px);
  background-color: #F2F4FF;
  border-radius: 8px;
  padding: 15px 0px 15px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #000655;
  margin: 0 5px 10px;
}

.priceLstDb .ttl {
  font-size: 1.2rem;
  margin-bottom: 0px;
}

.priceLstDb .priceDb {
  font-family: "Oswald", sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 0;
}

.priceLstDb .priceDb span {
  display: inline-block;
  font-size: 1.4rem;
}

.showDateBoxDb {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: #FFF;
}

.showDateBoxDb .prevBtn,
.showDateBoxDb .nextBtn {
  position: relative;
  color: #FFF;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 4px 10px 5px 20px;
  background: url(/img/svg/triangle_l.svg) no-repeat 50% 50%;
  background-size: cover;
  min-width: 69px;
  height: 33px;
  text-align: center;
}

.showDateBoxDb .nextBtn {
  padding: 4px 15px 5px 10px;
  background: url(/img/svg/triangle_r.svg) no-repeat 50% 50%;
}

.showDateBoxDb .textDate {
  margin: 0 15px;
  font-family: "Oswald", sans-serif;
  font-size: 3.1rem;
  font-weight: bold;
}

.showDateBoxDb .textDate em {
  font-family: "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: bold;
}

.dashInfoBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.dashInfoBox .img {
  margin-right: 20px;
  min-width: 430px;
}

.dashInfoBox .img img {
  width: 100%;
}

.dashInfoBox .newsBox {
  padding: 14px 15px 14px 20px;
  border-radius: 10px;
  background-color: #000655;
  max-height: 50px;
  max-width: 690px;
  width: 100%;
}

.dashInfoBox .newsBox .swiper {
  position: relative;
  overflow: hidden;
}

.dashInfoBox .newsBox .swiper .swiper-slide {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
}

.dashInfoBox .newsBox .swiper .swiper-slide .txt,
.dashInfoBox .newsBox .swiper .swiper-slide .completeBox .txt01,
.completeBox .dashInfoBox .newsBox .swiper .swiper-slide .txt01,
.dashInfoBox .newsBox .swiper .swiper-slide .completeBox a,
.completeBox .dashInfoBox .newsBox .swiper .swiper-slide a {
  font-weight: normal;
  margin-right: 10px;
  font-family: "Oswald", sans-serif;
}

.dashInfoBox .newsBox .swiper .swiper-button-prev,
.dashInfoBox .newsBox .swiper .swiper-button-next {
  top: calc(50% - 7px);
  right: 0;
  width: 10px;
  height: 7px;
  margin: 0;
  transform: translateY(-50%);
}

.dashInfoBox .newsBox .swiper .swiper-button-prev::after,
.dashInfoBox .newsBox .swiper .swiper-button-next::after {
  content: "";
  background-image: url(/img/svg/icon_next_up.svg);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.dashInfoBox .newsBox .swiper .swiper-button-prev {
  top: calc(50% + 7px);
  left: auto;
  right: 0;
}

.dashInfoBox .newsBox .swiper .swiper-button-prev::after {
  background-image: url(/img/svg/icon_prev_dow.svg);
}

.saleTab {
  color: #FFF;
  display: flex;
}

.saleTab a {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 5px 10px;
  color: #FFF;
}

.saleTab a.active {
  background-color: #FFF;
  border-radius: 5px 5px 0px 0px;
  color: #3532A0;
}

.saleTab a.active[data-type=year] {
  position: relative;
}

.saleTab a.active[data-type=year]:after {
  content: "";
  position: absolute;
  height: 10px;
  width: 100%;
  background-color: #FFF;
  bottom: -10px;
  left: 0;
}

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

.dedicatedWrapper {
  display: flex;
  align-items: center;
}

#chartCircle {
  display: flex;
}

#chartCircle .item {
  flex-shrink: 1;
}

.sectionFacility .swiper-container-initialized #chartCircle .item {
  flex-shrink: 0;
}

.chartCircle {
  height: 115px;
  width: 115px;
  position: relative;
  margin: 0 auto 15px;
}

.chartCircle .chartHump {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 999;
  pointer-events: none;
}

.chartCircle .chartHump.low:after {
  background: #F45FC6;
}

.chartCircle .chartHump.medium:after {
  background: #E0D45D;
}

.chartCircle .chartHump.high:after {
  background: #2730A0;
}

.chartCircle .chartHump::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 100%;
  left: 50%;
  transform: translate(-50%, -25%);
  background-image: linear-gradient(to top left, #98A7F5, #3E51C1);
  z-index: 9999;
}

.chartCircle .circular {
  height: 115px;
  width: 115px;
  position: relative;
}

.chartCircle .circular .number {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.chartCircle .circular .month {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 0;
}

.chartCircle .inner {
  position: absolute;
  z-index: 6;
  top: 50%;
  left: 50%;
  height: 105px;
  width: 105px;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 100%;
}

.chartCircle .percent {
  line-height: 1;
  margin-bottom: 0;
}

.chartCircle .percent .percentValue {
  font-size: 4.6rem;
  font-weight: 500;
  color: #000556;
  font-family: "Oswald", sans-serif;
}

.chartCircle .percent .percentCharacter {
  font-size: 3.1rem;
  font-weight: 500;
  color: #000556;
  font-family: "Oswald", sans-serif;
}

.chartCircle .bar {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #D8DBE2;
  border-radius: 100%;
  clip: rect(0px, 115px, 115px, 57px);
}

.chartCircle .bar .progress {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 100%;
  clip: rect(0px, 57px, 115px, 0px);
  background: #7A85C7;
}

.chartCircle .bar.right {
  transform: rotate(180deg);
  z-index: 3;
}

.detailWhiteBox {
  background-color: #FFF;
  padding: 15px;
  border-radius: 6px;
  margin-bottom: 20px;
}

.detailWhiteBox.rePd {
  padding: 15px 30px;
}

.detailWhiteBox .circleBtn {
  text-align: center;
}

.detailWhiteBox .circleBtn .btnAnalysis {
  display: inline-block;
}

.detailWhiteBox.repd0 {
  padding: 0;
}

.detailWhiteBox .flexBox {
  display: flex;
  padding-top: 0;
}

.detailWhiteBox .contentChart {
  width: calc(100% - 100px);
  background-color: #EAEDFF;
  padding: 15px 40px;
}

.detailWhiteBox .infoContent {
  padding: 26px 30px;
}

.detailWhiteBox .contentW100 {
  width: 100%;
}

.saleLstBox {
  display: flex;
  justify-content: space-between;
  padding-left: 0;
  margin-bottom: 0;
}

.saleLstBox li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #E6E8F3;
  width: calc((100% - 20px) / 2);
  border-radius: 4px;
  padding: 8px 15px 7px;
}

.saleLstBox li p {
  margin-bottom: 0;
}

.saleLstBox .txt,
.saleLstBox .completeBox .txt01,
.completeBox .saleLstBox .txt01,
.saleLstBox .completeBox a,
.completeBox .saleLstBox a {
  font-size: 1.1rem;
  font-weight: bold;
  margin-right: 10px;
}

.saleLstBox .num {
  font-family: "Oswald", sans-serif;
  font-size: 2.1rem;
  color: #011584;
  margin-right: 15px;
}

.saleLstBox .num.reSize {
  font-size: 2.2rem;
}

.saleLstBox .num span {
  font-size: 1.3rem;
  font-weight: 500;
  color: #000655;
  margin-left: 2px;
  margin-bottom: 5px;
}

.calendarChart {
  width: 100%;
  max-width: 700px;
}

.calendarChartSelect {
  width: 125px;
  position: relative;
  margin: 0 auto 15px;
  text-align: center;
}

.calendarChartSelect select {
  border: none;
  border-bottom: 2px solid #707070;
  outline: none;
  padding: 0;
  width: 100%;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  color: #000655;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
}

.calendarChartContainer {
  position: relative;
}

.calendarChartContainer .ttlCalendarChart {
  position: absolute;
  left: 10px;
  top: 8px;
  z-index: 10;
  font-size: 10px;
  font-weight: bold;
  color: #000655;
}

.btnAnalysis {
  padding: 5px 13px;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  color: #000659;
  border-radius: 4px;
  background: linear-gradient(to bottom, #FFFFFF, #C6C6EA);
  transition: opacity 0.3s;
}

.btnAnalysis:hover {
  text-decoration: none;
  opacity: 0.7;
}

.labelTag {
  position: relative;
  font-size: 2rem;
  font-weight: bold;
  color: #FFF;
  background-color: #2A2C9A;
  padding: 2px 12px;
  text-align: center;
  min-width: 30px;
  height: 33px;
  display: flex;
  align-items: center;
  margin-right: 25px;
}

.labelTag:after {
  content: "";
  position: absolute;
  right: -7px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 0 17px 7px;
  border-color: transparent transparent transparent #2A2C9A;
}

.labelTag.small {
  font-size: 1rem;
  height: 20px;
}

.labelTag.small:after {
  right: -7px;
  border-width: 10px 0 10px 7px;
}

.analysisTtl {
  font-size: 1.6rem;
  margin-right: 20px;
  padding-bottom: 0px;
  margin-bottom: 0;
  color: #FFF;
}

.analysisBox {
  display: flex;
  justify-content: space-between;
  margin: 0px -15px 15px;
}

.analysisBox .itemBox {
  width: calc(48% - 15px);
  margin: 0px 15px;
}

.analysisBox .itemBox:first-child {
  width: calc(52% - 15px);
  min-width: 600px;
}

.analysisBox .itemBox .boxBtn {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.analysisBox .itemBox .boxBtn .btnAnalysis:last-child {
  margin-left: 10px;
}

.analysisBox .itemFBox {
  display: flex;
  justify-content: space-between;
}

.analysisBox .itemFBox .item {
  width: calc((100% - 30px) / 2);
}

.analysisBox .chartAnalysis {
  margin-left: -10px;
  padding-top: 15px;
}

.analysisBox .chartAnalysis .dataType .dataTypeItem[data-cate="01"]:before {
  background-color: #3EAEC9;
}

.analysisBox .chartAnalysis .dataType .dataTypeItem[data-cate="02"]:before {
  background-color: #81C175;
}

.analysisBox .chartAnalysis .dataType .dataTypeItem[data-cate="03"]:before {
  background-color: #E5D36E;
}

.analysisBox .chartReceipt {
  min-height: 150px !important;
}

@media only screen and (max-width: 1199.98px) {
  .analysisBox {
    flex-wrap: wrap;
  }

  .analysisBox > * {
    width: 100% !important;
  }
}

.chartUsers .chartCanvas {
  min-height: 125px !important;
}

.chartAnalysis {
  position: relative;
  padding-top: 55px;
}

.chartAnalysis .chartBox {
  position: relative;
}

.chartAnalysis .note {
  font-size: 1rem;
  color: #111E8C;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.chartAnalysis .noteL {
  transform: rotate(-90deg) translateY(-50%);
}

.chartAnalysis .noteR {
  -webkit-text-orientation: sideways;
          text-orientation: sideways;
  -ms-writing-mode: tb-lr;
      writing-mode: vertical-lr;
  left: auto;
  right: 0;
}

.dataInfoFlex {
  display: flex;
  align-items: center;
}

.dataInfo .item {
  display: inline-flex;
  align-items: center;
}

.dataInfo .item p {
  margin-bottom: 0;
}

.dataInfo .item:not(:last-child) {
  margin-right: 30px;
  margin-bottom: 15px;
}

.dataInfo .item.mb0 {
  margin-bottom: 0;
}

.dataInfo .boxDate {
  padding: 7px 18px 6px;
  border-radius: 4px;
  border: 1px solid #707070;
}

.dataInfo .boxDate .ttlDate {
  margin-right: 10px;
  font-size: 1.7rem;
  font-weight: bold;
}

.dataInfo .boxDate .priceDash {
  margin-right: 10px;
  font-size: 2.7rem;
  letter-spacing: 1px;
}

.dataInfo .boxDate .priceDash .small {
  font-size: 1.5rem;
}

.dataInfo .boxDate .txteduction {
  margin-top: 3px;
  font-size: 1.3rem;
  color: #DB3F87;
  background: url(/img/svg/icon_arrow_down_pink.svg) no-repeat 0 50%;
}

.chartToolbar {
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.priceDash {
  font-family: "Oswald", sans-serif;
  font-size: 2.8rem;
  font-weight: 500;
  color: #000655;
  margin-right: 5px;
  letter-spacing: 2px;
  line-height: 1;
}

.priceDash .small {
  font-size: 2.7rem;
  font-weight: bold;
}

.priceDash.setFz {
  font-size: 3.2rem;
}

.txtRatio {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  color: #3FDB81;
  background: url(/img/svg/icon_arrow_up01.svg) no-repeat 0 50%;
  padding-left: 20px;
  margin-top: 10px;
}

.txtRatio.mt0 {
  margin-top: 0;
}

.dataType {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
}

.dataType .dataTypeItem {
  position: relative;
  list-style-type: none;
  font-size: 1.1rem;
  margin-right: 15px;
  padding-left: 15px;
}

.dataType .dataTypeItem:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.dataType .dataTypeItem[data-cate="01"]:before {
  background: #19A8C0;
}

.dataType .dataTypeItem[data-cate="02"]:before {
  background: #38A05A;
}

.dataType .dataTypeItem[data-cate="03"]:before {
  background: #D3C355;
}

.dataType .dataTypeItem[data-cate="04"]:before {
  background: #C769B2;
}

.dataType .dataTypeItem[data-cate="05"]:before {
  background: #D88544;
}

.dataType .dataTypeItem[data-cate="06"]:before {
  background: #C6311D;
}

.sectionFacility {
  position: relative;
  width: 100%;
  max-width: 1290px;
  margin: 0 auto;
  padding: 0 75px;
}

.sectionFacility .contentFacility {
  overflow: hidden;
}

.sectionFacility .contentFacility.contentCenter .swiper-wrapper {
  justify-content: center;
}

.sectionFacility .contentFacility.contentCenter .item {
  width: calc((100% / 4) - 23px);
  margin-right: 30px;
}

.sectionFacility .contentFacility.contentCenter .item:last-child {
  margin-right: 0;
}

.sectionFacility .contentFacility.contentCenter .swiper-button-prev,
.sectionFacility .contentFacility.contentCenter .swiper-button-next {
  display: none;
}

.sectionFacility .item {
  height: auto;
  background-color: #FFF;
  border-radius: 6px;
  overflow: hidden;
}

.sectionFacility .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sectionFacility .item p {
  margin-bottom: 0;
}

.sectionFacility .item .image {
  height: 150px;
}

.sectionFacility .boxcontent {
  padding: 14px 25px 17px;
  text-align: center;
}

.sectionFacility .boxcontent .title {
  margin-bottom: 4px;
  font-size: 1.8rem;
  font-weight: bold;
}

.sectionFacility .boxcontent .title2 {
  margin-bottom: 5px;
  font-size: 1.4rem;
  font-weight: bold;
}

.sectionFacility .boxcontent .numUsers {
  font-size: 1.2rem;
}

.sectionFacility .boxcontent .priceDash {
  margin: 0 0 5px 0;
  font-size: 3.7rem;
}

.sectionFacility .boxcontent .priceDash .small {
  font-size: 2rem;
}

.sectionFacility .boxcontent .txtRatio {
  margin: 0 0 7px;
  background-size: 14px;
  font-size: 1.1rem;
}

.sectionFacility .boxcontent .btnContent {
  display: block;
  width: 100%;
  padding: 8px 10px 6px;
  border-radius: 4px;
  border: 1px solid #CECECE;
  color: #000659;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: background 0.2s;
}

.sectionFacility .boxcontent .btnContent:hover {
  background-color: #CECECE;
}

.sectionFacility .swiper-button-prev,
.sectionFacility .swiper-button-next {
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  margin-top: auto;
}

.sectionFacility .swiper-button-prev {
  left: 26px;
}

.sectionFacility .swiper-button-next {
  right: 26px;
}

.sectionFacility .swiper-button-prev:after,
.sectionFacility .swiper-button-next:after {
  content: "";
  width: 33px;
  height: 33px;
  border-left: 5px solid #FFF;
  border-bottom: 5px solid #FFF;
  transform: rotate(45deg);
}

.sectionFacility .swiper-button-next:after {
  transform: rotate(-135deg);
}

@media only screen and (max-width: 1070px) {
  .sectionFacility .boxcontent {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sectionFacility .boxcontent .title {
    font-size: 1.7rem;
  }
}

.chartDashboard {
  height: 300px;
}

.eventList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.eventList > * {
  width: calc((100% - 40px) / 2);
  margin-bottom: 40px;
}

.eventList .dataInfo .item:not(:last-child) {
  margin-right: 0;
}

.btnEnroll {
  padding: 10px;
  border-radius: 6px;
  background-color: #FFF;
  border: 1px solid #CECECE;
  min-width: 215px;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
  color: #000659;
  transition: background-color 0.2s;
}

.btnEnroll:hover {
  background-color: #CECECE;
  text-decoration: none;
}

.eventBox {
  border-radius: 6px;
  overflow: hidden;
  background-color: #FFF;
}

.eventBox.bgBlue .eventInfo {
  background-color: rgba(49, 133, 156, 0.2);
  color: #31859C;
}

.eventBox.bgBlue .labelTag {
  background-color: #31859C;
}

.eventBox.bgBlue .labelTag:after {
  border-color: transparent transparent transparent #31859C;
}

.eventInfo {
  display: flex;
  align-items: center;
  background-color: rgba(44, 53, 156, 0.2);
  padding: 10px 60px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #001483;
  margin-bottom: 0;
}

.eventInfo span {
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  color: #000659;
  padding: 5px 15px;
  border-radius: 4px;
  background-color: #FFF;
  margin-left: 20px;
}

.eventDetail {
  background-color: #FFF;
  padding: 20px 30px 10px;
  font-weight: bold;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.eventDetail .labelTag {
  margin-right: 20px;
}

.eventDetail .item {
  display: flex;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 24px;
}

.eventDetail .item > * {
  margin-bottom: 0;
}

.eventDetail .price {
  font-size: 2.1rem;
  color: #000;
  line-height: 1;
}

.eventDetail .txt,
.eventDetail .completeBox .txt01,
.completeBox .eventDetail .txt01,
.eventDetail .completeBox a,
.completeBox .eventDetail a {
  font-size: 1.4rem;
  color: #000;
}

.enrollFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.enrollFlex:after {
  content: "";
  width: calc((100% - 60px)/3);
}

.enrollFlex > * {
  width: calc((100% - 60px)/3);
}

.enrollBox {
  background-color: #F2F2F2;
  border-radius: 6px;
  padding: 20px 30px;
  text-align: center;
}

.enrollBox .ttl {
  font-family: "Oswald", sans-serif;
  font-size: 2.7rem;
  font-weight: 500;
  color: #000659;
}

.enrollBox .priceLst {
  padding: 10px 15px;
  border-radius: 6px;
  background-color: #E8E8E8;
  list-style-type: none;
  text-align: left;
}

.enrollBox .priceLst li:not(:last-child) {
  margin-bottom: 10px;
}

.enrollBox .priceLst .txt,
.enrollBox .priceLst .completeBox .txt01,
.completeBox .enrollBox .priceLst .txt01,
.enrollBox .priceLst .completeBox a,
.completeBox .enrollBox .priceLst a {
  font-size: 1.4rem;
  font-weight: bold;
  font-family: "Oswald", sans-serif;
  color: #000659;
  margin-bottom: 0;
}

.infoBasicBlock {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.infoBasicBlock .info {
  margin-right: 20px;
}

.infoBasicBlock .info .note {
  margin: 0;
  font-size: 1.4rem;
  font-weight: bold;
  color: rgba(0, 6, 89, 0.4);
}

.infoBasicBlock .info .ttl {
  margin: 0;
  font-size: 3.4rem;
  font-weight: bold;
  color: #000659;
}

.infoBasicBlock .info .address {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000659;
}

.infoBasicBlock .info .txt,
.infoBasicBlock .info .completeBox .txt01,
.completeBox .infoBasicBlock .info .txt01,
.infoBasicBlock .info .completeBox a,
.completeBox .infoBasicBlock .info a {
  font-size: 1.6rem;
  color: #444;
  line-height: 1.5;
  margin: 0;
}

.infoBasicBlock .img {
  margin: 0;
  line-height: 0;
  min-width: 345px;
}

.mapBlock {
  margin-bottom: 30px;
}

.mapBlock iframe {
  width: 100%;
}

.reportFlex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.reportFlex:after {
  width: calc((100% - 80px) / 2);
}

.reportFlex > * {
  width: calc((100% - 80px) / 2);
  margin-bottom: 20px;
}

.txtReport {
  display: flex;
}

.txtReport:not(:last-child) {
  border-bottom: 1px solid rgba(112, 112, 112, 0.24);
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.txtReport .txt,
.txtReport .completeBox .txt01,
.completeBox .txtReport .txt01,
.txtReport .completeBox a,
.completeBox .txtReport a {
  margin-right: 25px;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  min-width: 60px;
  color: #000;
}

.txtReport .txt01 {
  color: #444;
}

.txtReport .txt01 .txt,
.txtReport .txt01 .completeBox .txt01,
.completeBox .txtReport .txt01 .txt01,
.txtReport .txt01 .completeBox a,
.completeBox .txtReport .txt01 a {
  margin-right: 15px;
  color: #444;
}

.txtReport .txt01:last-child {
  margin-bottom: 0px;
}

.txtReport a {
  display: inline-block;
  color: #4234A6;
  font-size: 1.4rem;
  font-weight: bold;
}

.reportInfoBox {
  display: flex;
  align-items: center;
  color: #000;
}

.reportInfoBox .img {
  line-height: 0;
  margin: 0 20px 0px 0px;
  min-width: 120px;
}

.reportInfoBox .ttl {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: bold;
}

.reportInfoBox .txt,
.reportInfoBox .completeBox .txt01,
.completeBox .reportInfoBox .txt01,
.reportInfoBox .completeBox a,
.completeBox .reportInfoBox a {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.6rem;
}

.reportInfoBox .txt span,
.reportInfoBox .completeBox .txt01 span,
.completeBox .reportInfoBox .txt01 span,
.reportInfoBox .completeBox a span,
.completeBox .reportInfoBox a span {
  font-weight: bold;
}

.btnReset {
  border: none;
  background: none;
  color: #3490DC;
  margin-left: auto;
  margin-top: 20px;
  padding: 0;
  transition: 0.2s;
}

.btnReset:hover {
  opacity: 0.7;
}


/*# sourceMappingURL=style.css.map*/