body{font-family:"Meiryo", sans-serif;margin:0;padding:0;box-sizing:border-box}div{margin:0;padding:0;box-sizing:border-box;height:auto}.header{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Meiryo", sans-serif;font-weight:bold;padding:20px}.header-logo-title{display:flex;align-items:center;justify-content:center;width:100%}.header-logo{margin-right:10px;width:40px;height:auto}.header-line{width:100%;height:6px;background-color:#FFDC4A;margin-top:10px}.header .title{text-align:center;width:auto;margin-top:0;margin-bottom:0;font-weight:bold}@media (min-width: 768px){.header{align-items:flex-start}.header-logo-title{justify-content:flex-start}.header .title{text-align:left}}.list-title{font-weight:bold;padding-left:20px}.list{list-style:none;padding:0;margin:0}.list-item{display:flex;align-items:center;padding:20px;border-bottom:1px solid #B9C5C6}.list-item:last-child{border-bottom:none}.list-item-name{flex:1;font-weight:normal}.list-item-actions{display:flex;gap:10px}.right-aligned{text-align:right;margin-bottom:20px;padding-right:20px}.btn{display:inline-block;padding:10px 20px;font-size:16px;border-radius:8px;text-align:center;text-decoration:none;transition:background-color 0.3s, color 0.3s;cursor:pointer}.btn-secondary{color:#0094D7;background-color:#9CE5FF;border:none;padding:10px 20px;font-weight:bold;height:48px;display:inline-flex;align-items:center}.btn-show{font-weight:bold !important;background-color:#0094D7;color:#F9FAFA;border:none}.btn-show:hover{background-color:#0094D7;color:#B9C5C6}.search-form{padding:20px;display:flex;flex-direction:column;gap:20px}.search-form .form-row{display:flex;flex-wrap:wrap;gap:20px;padding:0 20px}.search-form .form-row div{flex:1}@media (max-width: 768px){.search-form .form-row{flex-direction:column}.search-form .form-row div{flex:none;width:100%}}.search-form .submit-button{display:flex;justify-content:center}.search-form.admin-view .form-row{display:flex;flex-direction:column;align-items:center;width:100%}.search-form.admin-view .form-row div{width:40%;display:row;justify-content:center;margin:5px}.search-form.admin-view .form-row div input[type="text"],.search-form.admin-view .form-row div input[type="number"]{width:100%}@media (max-width: 768px){.search-form.admin-view .form-row{flex-direction:column;align-items:center}.search-form.admin-view .form-row div{width:100%;margin:5px 0}}.search-form div{flex:1 1 calc(33.333% - 2 * $gap);margin-right:10px}.search-form div:last-child{flex:1 1 calc(100% - $gap);margin-right:0}.search-form label{display:block;font-weight:bold;margin-bottom:5px}.search-form input[type="text"],.search-form input[type="number"]{width:100%;padding:10px;border:1px solid #B9C5C6;border-radius:4px;box-sizing:border-box}.search-form input[type="submit"]{background-color:#FFDC4A;color:#0094D7;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:bold;transition:background-color 0.3s ease;height:42px}.search-form input[type="submit"]:hover{background-color:#e6c537}.pagination{display:flex;justify-content:center;flex-wrap:wrap;padding-left:0;margin:20px 0;border-radius:12px;font-family:"Meiryo", sans-serif}.pagination>li{display:inline-block;margin:0 5px}.pagination>li>a,.pagination>li>span{position:relative;display:inline-block;padding:8px 12px;margin-left:-1px;line-height:1.5;color:#0094D7;text-decoration:none;background-color:#F9FAFA;border:1px solid #B9C5C6;border-radius:8px;transition:background-color 0.3s, color 0.3s}.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus{color:#F9FAFA;background-color:#9CE5FF;border-color:#0094D7}.pagination>li.active>a,.pagination>li.active>span,.pagination>li.active>a:hover,.pagination>li.active>span:hover,.pagination>li.active>a:focus,.pagination>li.active>span:focus{z-index:3;color:#F9FAFA;cursor:default;background-color:#0094D7;border-color:#0094D7;border-radius:8px}.pagination>li.disabled>span,.pagination>li.disabled>span:focus,.pagination>li.disabled>span:hover,.pagination>li.disabled>a,.pagination>li.disabled>a:focus,.pagination>li.disabled>a:hover{color:#B9C5C6;background-color:#F9FAFA;border-color:#F9FAFA;cursor:not-allowed}@media (max-width: 600px){.pagination>li{margin:0 2px}.pagination>li>a,.pagination>li>span{padding:8px 12px}}.table-wrapper{width:100%;margin:20px 0;overflow-x:auto;padding-left:20px;padding-right:20px}.sort-link{display:inline-block;padding:5px;margin:0;color:#3E3A39;text-decoration:none;background-color:#F9FAFA;border:1px solid #F9FAFA;border-radius:3px}.sort-link:hover{background-color:#727171}th{font-weight:bold;border-bottom:4px solid #B9C5C6;font-family:"Meiryo", sans-serif;white-space:nowrap;padding:10px;text-align:left}td{color:#3E3A39;background-color:#F9FAFA;border-bottom:2px solid #B9C5C6;font-family:"Meiryo", sans-serif;white-space:nowrap;width:auto;padding:10px;text-align:left}table{border-collapse:collapse;width:100%}table th,table td{padding:10px;text-align:left}.form-group{margin:20px 0;width:100%}@media screen and (max-width: 600px){th,td{font-size:14px}}.smtp-settings p{margin-left:20px}.btn-primary{background-color:#0094D7 !important;font-family:"Meiryo", sans-serif !important;font-weight:bold !important;color:#F9FAFA !important;border-radius:8px !important;padding:10px 20px !important;border:none !important;height:48px !important;display:inline-flex;align-items:center}.btn-primary:hover{background-color:#0071a4 !important}.email-field{width:80%;display:block;margin-bottom:10px;resize:none}.sms-contents-textarea{width:80%;height:5em}.input-text{width:100%;box-sizing:border-box}.sms-contents-textarea{height:100px}.menu-row{display:flex;flex-wrap:wrap;justify-content:space-between}.menu-row a{flex:1 1 calc(25% - 32px);margin:16px}.menu-row a img{width:100%}@media (max-width: 768px){.menu-row a{flex:1 1 calc(50% - 32px)}}.banner{text-align:center;margin-top:32px}.banner::before{content:"";display:block;width:100%;border-top:2px dotted #B9C5C6;margin-bottom:16px}.banner div{display:inline-block;margin:0 16px}.banner div img{width:100%;margin-bottom:32px}@media (max-width: 768px){.banner div img{width:150%}}.banner{text-align:center;margin-top:32px}.banner::before{content:"";display:block;width:100%;border-top:2px dotted #B9C5C6;margin-bottom:16px}.banner div{display:inline-block;margin:0 16px}.banner div img{width:70%;max-width:100%;height:auto;margin-bottom:32px}@media (max-width: 768px){.banner div img{width:100%;max-width:100%}}.footer{text-align:center;padding:20px 0}.footer .footer-logo{display:inline-block}.footer .footer-logo .company-logo{width:180px;height:auto}.small-company-logo{width:100px;height:auto}.session-page{background-color:#0094D7}.session-page .form-title,.session-page .header-title{color:white;font-weight:bold}.custom-login-btn{background-color:#FFDC4A !important;color:#0094D7 !important;border-radius:8px !important;padding:10px 20px !important;border:none !important}.custom-login-btn:hover{background-color:#ffd217 !important;color:#0094D7 !important}.custom-link{font-family:"Meiryo", sans-serif;font-weight:bold;display:inline-block;padding:0.375rem 0.75rem;font-size:1rem;line-height:1.5;color:#F9FAFA;background-color:#0094D7;border:none;border-radius:0.375rem;text-align:center;text-decoration:none;transition:background-color 0.15s ease-in-out}.custom-link:hover{background-color:#0094D7}@media (max-width: 767px){.session-page .card-body{padding:15px}}.sb-topnav.navbar-dark{background-color:#727171}.sb-topnav .btn-link{background-color:#B9C5C6;border-radius:5px;color:#727171;margin-left:10px}.sb-topnav .btn-link:hover{background-color:#9daeaf}.sb-topnav .btn-link:focus{box-shadow:none}.sb-sidenav-menu{background-color:#B9C5C6 !important}.sb-sidenav-menu .nav-link,.sb-sidenav-menu .sb-sidenav-menu-heading{color:#3E3A39 !important}.sb-sidenav-menu .sb-nav-link-icon i{color:#3E3A39}.sb-sidenav-menu .nav-link:hover{background-color:#9daeaf;color:#3E3A39}.sb-sidenav-dark .sb-sidenav-menu .nav-link .sb-nav-link-icon{color:#3E3A39 !important}.sb-sidenav-dark .sb-sidenav-menu .nav-link{color:#3E3A39 !important}.sb-sidenav-menu .nav-link,.sb-sidenav-menu .sb-sidenav-menu-heading{color:#3E3A39 !important}.right-username{position:fixed;right:20px;top:20px;text-align:right !important}.admin-label{display:inline-block;padding:15px 25px;border-radius:15px;font-family:"メイリオ", Meiryo, sans-serif;font-weight:bold;font-size:1.5em;margin-bottom:10px}.admin-global{background-color:red;color:white}.admin-group{background-color:green;color:white}@media (max-width: 768px){.admin-label{padding:10px 15px;border-radius:10px;font-size:1.2em}}.success{padding:20px;margin:50px auto 20px 20px;max-width:600px;text-align:left}.success h1{font-size:24px;margin-bottom:20px;color:#3E3A39}.success p{font-size:16px}.success p a{color:#0094D7;text-decoration:none}.success p a:hover{text-decoration:underline}.color-class{color:#727171 !important}.success p a.button{display:inline-block;padding:10px 20px;background-color:#0094D7;color:#F9FAFA !important;font-weight:bold !important;font-family:"Meiryo", sans-serif !important;text-decoration:none !important;border-radius:5px;transition:background-color 0.3s ease}.success p a.button:hover{background-color:#0071a4 !important}.word-wrap{word-wrap:break-word;white-space:pre-wrap;min-width:200px}@media (max-width: 768px){.word-wrap{white-space:normal;min-width:90px}}.user-info-wrapper .table-wrapper{margin-left:20px}.user-info-wrapper .btn{margin-left:20px}.user-info-wrapper p{margin-left:20px}.user-info-wrapper .list-title{font-weight:bold;padding-left:20px}.show-page .btn-show{font-family:"Meiryo", sans-serif !important;font-weight:bold !important;background-color:#0094D7;color:#F9FAFA;border:none;margin-left:0}.show-page .btn-show:hover{background-color:#0094D7;color:#B9C5C6}.form-group label{font-weight:bold}.password-container{display:flex;align-items:center}.password-container .form-control{width:calc(100% - 14%) !important}.password-container button{height:38px;line-height:1;z-index:2;margin-right:20px}.custom-file-input{border-radius:4px;background-color:#FFDC4A;color:white;font-weight:bold;padding:5px 10px;cursor:pointer;display:inline-block;margin-left:20px}.custom-file-input input[type="file"]{display:none}.custom-file-input:before{content:"ファイルを選択"}.custom-file-input:hover{background-color:#e6c537}.file-name{display:inline-block;margin-left:20px;vertical-align:middle}.actions{margin-top:20px;gap:10px}.banner-message{padding-left:20px}.banner-acction{margin-top:20px;margin-left:20px}.banner-image{width:100%;height:auto;max-width:100%}@media (min-width: 768px){.banner-image{max-width:500px}}.error-message{color:red}.table-wrapper{width:100%}.table-row{display:flex;align-items:center;border-bottom:1px solid #ddd;padding:8px 0}.actions{gap:10px}.table-cell{flex:1;padding:10px;margin-right:10px}.table-cell:last-child{margin-right:0}.btn-container{display:flex;gap:10px}.custom-padding{padding:10px 20px !important}.input-group{display:flex;align-items:stretch}.input-group-append{display:flex;align-items:center}.user-edit-page .form-control{max-width:500px}.input-group .form-control{display:inline-block;width:65%;flex:1 1 auto}@media (min-width: 768px){.input-group .form-control{max-width:500px}}.input-group button.btn{margin-left:5px;white-space:nowrap}#error_explanation{color:red;margin-left:20px}#error_explanation h4{margin-bottom:10px}.btn-danger{font-weight:bold}.mergin-left-20{margin-left:20px}.alert-border{border:2px solid red}.btn-outline-secondary{width:40px;padding:0.375rem 0}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;z-index:9999;background-color:rgba(0,0,0,0.4)}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:90%;max-width:500px;z-index:10000}.close{color:#aaa;float:right;font-size:28px;font-weight:bold}.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}@media (min-width: 600px){.modal-content{width:80%}}@media (min-width: 768px){.modal-content{width:60%}}@media (min-width: 992px){.modal-content{width:50%}}.button-edit-field{width:180px}.button-adress-field{width:80%}@media (max-width: 767px){.form-control{width:100%}}.rounded-select{border-radius:10px;padding:5px;border:1px solid #ccc}@media (max-width: 600px){.rounded-select{min-width:100%;min-height:45px;font-size:16px}.rounded-select option{font-size:45px;padding:10px}}.rounded-select option{font-size:16px}