body{
    min-height: 100vh;
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif !important;
    color: #36475D;
    line-height: 1.5;
}   
button,.btn {
    font-weight: 700;
    height: 48px;
    border-radius: 8px;
}
.header-header{
    background-color: #003399;
    height: 35px;
    display: flex;
}
.header-header p+p{
    position: relative;
    left:80%;
}
header {
    background-color: #EAEFF2;
    height: 80px;
}
header .nav {
    width: 100%;
    height: 80px;
    max-width: 2500px;
}
header .nav .logo {
    height: 100%;
    align-items: center;
    display: flex;
    padding: 24px 40px;
}
.nav .logo{
    float: right;
}
.logo a {
    display: inline-block;
}
.nav .logo img{
    width: 148px;
    height: auto;
}
.text-center{
    margin-bottom: 0;
}
.logout{
    padding: 24px;
}
.logout i{
    font-size: 20px;
    color: #d44461;
}
.wrapper{
    min-height: 80vh;
    max-width: 100vw;
    overflow-x: auto;
    margin:0 40px;
}
.bgLightGray{
    background-color: #f8f8f8;
    border-radius: 8px;
}
.inputform {
    width: 100%;
    max-width: 944px;
}
.inputform-fs{
    width: 100%;
    padding-top: 15px;
}
.tab-content {
    width: 70%;
    margin: 10vw auto;
}
.size_fitter{
    text-indent: -1rem;
}
.btn-outline-danger{
    background: #fff;
}
.text-danger{
    display: block;
    width: 100%;
    margin-top: .25rem;
    font-size: 14px;
    color: #D15540;
}
.header-icon {
    z-index: 997;
}
.header-fix{
    position: fixed; 
    width: 100%; 
    justify-content: space-between;
    z-index: 998;
}
.process-fix{
    position: fixed; 
    width: 100%; 
    margin-top: 125px;
    justify-content: space-between;
    background: #fff;
    z-index: 997;
}

.main-menu{
    margin-left: 50px;
}

.menu-name{
    width: 100%;
    padding:30px 20px 10px; 
    border-bottom: 1px solid #e3e3e3;
}

.menu-name p{
    font-weight: 700;
    margin-bottom: 0;
}

/*進捗バー*/
.step-nav {
  display: flex;
  justify-content: center;
}

.step-nav p {
    position: relative;
    background: #36475D;
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    padding: 13px auto;
}
.step-nav p.active {
    width: 20px;
    height: 20px;
}
.process {
    position: relative;
}
.process:nth-child(n+2)::before {
    z-index: -1;
    content: "";
    display: block;
    position: absolute;
    right: 52px;
    top: 12px;
    height: 3px;
    background-color: #14B2BD;
}
.step-nav p.active {
    color: #fff;
    background: #36475D;
    border: 2px solid #FFFFFF;
    box-shadow: 0 0 0 2px #36475D;
    margin-top: 2px;
}
.process p {
    margin: auto;
}
.process div {
    width: 105px;
    text-align: center;
    margin-top: 8px;
    font-weight: bold;
}
.active-parent ~ .process:nth-child(n+2)::before {
    z-index: -1;
    content: "";
    display: block;
    position: absolute;
    right: 50px;
    top: 12px;
    height: 3px;
    background-color: #D7DADF;
}
.active-parent ~ .process > p {
    background: #D7DADF;
}
.card-img-overlay{
  padding: 0 !important;
  top:unset !important;
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
}

.form-control {
    padding: 12px 20px !important;
    border-radius: 8px !important;
    font-size: 16px;
    border: 1px solid #d7dadf;
}

.form-control::placeholder{
  color: #86919e;
}

.main-footer{
    text-align: right;
    margin-bottom: 45px;
    width: 90%;
}

.main-footer .btn{
    width: 300px;
}
.breadcrumbs {
    padding-top:55px;
}
pre{
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
}

.form-control {
    height: 48px;
    width: unset;
}

.button {
    width: 120px;
    border-radius: 8px;
    height: 48px;
    font-size: 16px;
    color: #FFFFFF;
}

.btn-confirm {
    background-color: #D15540;
    border: none;
    color: #FFFFFF;
    font-size: 16px;
}

.btn-confirm:hover  {
    background-color: #BD412C;
    border: none;
    color: #FFFFFF;
}
.btn-confirm:focus {
    outline: none;
}

.btn-confirm:active  {
    background-color: #BD412C;
    border: none;
}

.btn-confirm:disabled  {
    background-color: #D15540;
    opacity: 0.3;
    border: none;
}

.btn-outline {
    border: 1px solid #272737;
    background-color: #FFFFFF;
    color: #272737;
    outline: none;
}
.btn-outline:focus {
    outline: none;
}
.web-explain {
    width: 100%;
    overflow-wrap: break-word;
}


.btn-outline:hover {
    background-color: #F6F6F6;
    border-color: #272737;
    color: #272737;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #14B2BD;
    outline: 0;
    box-shadow: none;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: none;
}

select.form-control.is-invalid {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.666626%201L5.99996%206.33333L11.3333%201%22%20stroke%3D%22%2336475D%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
    background-size: 12px 10px;
    background-repeat: no-repeat;
    background-position: right 23px center;
}

.form-control.is-invalid:focus, 
.was-validated .form-control:invalid {
    border-color: #D15540;
    box-shadow: none;
}

.must-tag.badge {
    vertical-align: text-top;
    height: 4px;
    width: 4px;
    border-radius: 50%;
}
.text-must {
    color: #D15540;
}

input[type="radio"]{
    box-shadow: none;
}

.custom-control-label::before{
    border-color: #DADADF;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before{
    color: #D15540;
    border-color: #D15540;
    background-color: #FFFFFF;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
    color: #D15540;
    border-color: #D15540;
    background-color: #D15540;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before{
    color: #D15540;
    border-color: #D15540;
    background-color: #FFFFFF;
}
.custom-radio .custom-control-label::before {
    background-image: none;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='%23D15540'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

a.btn:not(.btn-logout){
    padding: 12px 20px;
    border-radius: 8px;
}

.btn-logout {
    color: #36475D;
}

.btn-logout:hover {
    text-decoration: none;
    color: #4F4F5F;
}

.btn-primary {
    background-color: #D15540 !important;
    border: none;
}

.btn-primary:hover {
    background-color: #BD412C !important;
    border: none;
}

.btn-primary:focus{
    background-color: #BD412C !important;
    border: none;
    box-shadow: none;
}

.btn-primary:disabled{
    opacity: 0.3;
}


.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    box-shadow: none;
  
}

.sp {
    display: none;
}
select {
    appearance: none;     
    -webkit-appearance: none;
    -moz-appearance: none;      
    padding: 7px 30px 7px 10px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.666626%201L5.99996%206.33333L11.3333%201%22%20stroke%3D%22%2336475D%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 12px 10px;
    background-position: right 23px center;
}

select.form-control:focus{
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.3334%206L6.00004%200.666667L0.666708%206%22%20stroke%3D%22%2336475D%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 12px 10px;
    background-position: right 23px center;
}

.btn-logout {
    font-weight: 700;
}
.error_margin {
    margin-top: 6px;
}
.badge.badge-center {
    position: relative;
    top: 6px;
    margin-right: 8px;
}
.hr-border-color {
    border-top:1px solid #d7dadf;
}

.custom-control-inline {
    display: inline-block;
    margin-right: 40px;
    vertical-align: middle;
}
.tooltip-inner {
    text-align: left;
    word-break: break-all;
} 
@media screen and (max-width:798px) {
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }   
    .box{
        width: 100%;
        height: 65%;
    }
    .inputform {
        width: 100%;
        padding: 0 16px;
    }
    header .nav {
        height: 64px;
        margin: 0;
    }
    header .nav .logo {
        padding: 5px 20px;
    }
    .nav .logo img{
        width: 30vw;
        height: 100%;
        margin: 0;
    }
    .logout{
        align-items: center;
        display: flex;
        padding: 5px 20px;
    }
    .logout i{
        font-size: 6vw;
        color: #d44461;
    }
    p{
        font-size: 16px
    }
    .spaceing{
        letter-spacing: 3.7333vw;
    }
    /* 進捗バー */
    .process div {
        margin: 8px auto 0;
    }

    .card-img-overlay{
        font-size: 3.7333vw;
    }
    header {
        padding: unset;
        height: 64px;
    }
    .nav .logo{
        height: 64px;
        padding: 5px 20px;
        max-width: 100%;
    }
    .nav .logo.no-login {
        margin: auto;
    }
    /* アイコンボタンサイズ */
    .common-icon-button {
        width: 40px;
        height: 40px;
        font-size: 32px;
    }
    .wrapper {
        margin: 0;
    }
}