@charset "UTF-8";

* {
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-weight: 500;
    line-height: 1.5;
}

:root {
    --blue: #019FFF;
    --contrast-color: ;
    --darkorange: darkorange;
    --deepskyblue: deepskyblue;
    --footer-height: 3.75rem;
    --green : #04ff00;
    --header-height: 3.75rem;
    --main-color: #003;
    --pink: #FF0177;
    --red : #ff9393;
    --gray: #595959;
    --sub-color: #f1f1f4;
    --text-color: #003;
}

.bg-border {
    background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(235, 235, 235, 1) 2px, rgba(235, 235, 235, 1) 4px );
}

.bgc-blue {
    background-color: var(--blue);
}

.bgc-green {
    background-color: var(--green);
}

.bgc-pink {
    background-color: var(--pink);
}

.bgc-red {
    background-color: var(--red);
}

.border-green {
    border-color: var(--green);
}

.border-red {
    border-color: var(--red);
}

.breadcrumb .chevron-right::before {
    color: var(--text-color);
    content: ">";
    padding: 0 .5rem;
}

.c-blue {
    color: var(--blue);
}

.c-deepskyblue {
    color: var(--deepskyblue);
}

.c-darkorange {
    color: var(--darkorange);
}

.c-green {
    color: var(--green);
}

.c-pink {
    color: var(--pink);
}

.c-red {
    color: var(--red);
}

.logo {
    width: auto;
    height: 8rem;
}

.td-green {
    text-decoration-color: var(--green);
}

.td-red {
    text-decoration-color: var(--red);
}

.title {
    width: auto;
    height: 1.5rem;
}

#adjustment_content {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1rem;
}

button {
    cursor: pointer;
}

p {
    line-height: 1.5;
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'>\<path d='M1 1l4 4 4-4' stroke='%231f4247' stroke-width='1.5' fill='none'/>\</svg>");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    cursor: pointer;
    padding-right: 2rem;
}

select:focus {
    border: 0;
    outline: 1.5px solid var(--main-color);
}