@charset "utf-8";
/* CSS Document */
li#menu2_tod_contact a {
    opacity: 1;
}
.formFlex {
    display: flex;
}
.formFlex select,.formFlex .radioOuter {
    display: block;
    margin-left: auto;
    width: 50%;
    justify-self: flex-end;
}
.formInner div + div {
    margin-top: 10pt;
}
.formInner input[type=text] {
    padding: 2pt 4pt;
}
.formInnerBox {
    margin-left: 1.5em;
    display: grid;
    grid-template-columns: 6em 1fr;
    gap: 1em;
}
.formInnerBox.formSubttl {
    display: block;
}
.formSubttl {
    font-size: 10pt;
    margin-block: 10pt;
}

@media screen and (min-width:960px) {
    .formInnerBox {
        width: 80%;
    }
}
.formInnerBox .calendarOuter input {
    padding-left: 16pt;
    width: 100%;
}
.formInnerBox select {
    width: 100%;
}
.formInnerBox .calendarOuter::before {
    top: 5pt;
}
.formInnerBox .formFlex input {
    width: calc(50% - .5em);
}
.formConnect {
    margin-inline: 2pt;
    box-sizing: border-box;
}
.fontNormal {
    font-weight: normal;
}
.mainphoto.formTable {
    margin-top: 40pt;
}
.formTable {
    width: 100%;
    max-width: 500px;
    margin-inline: auto;
}
.formTable tr + tr {
    display: block;
    margin-top: 20pt;
}
.formTable th {
    margin-bottom: 4pt;
    font-weight: bold;
    text-align: left;
    font-size: 12pt;
}
.formTable th span {
    margin-left: 8pt;
    padding-inline: 4pt;
    display: inline-block;
    background: #ff7f00;
    color:#fff;
    line-height: 1.6;
    font-size: 8pt;
}
.formTable th, .formTable td {
    display: block;
    width: 100%;
}
.formTable input, .formTable textarea, .formTable select {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 8pt;
    box-sizing: border-box;
}
.formTable select {
    padding-block: 2pt;
}
.formTable input::placeholder,
.formTable textarea::placeholder,
.formTable .empty {
    color: #ccc;
}
.formTable .formAttention {
    margin-left: 6pt;
}
.formTable .fontNormal {
    margin-top: 4pt;
    margin-bottom: 0;
}
input.long, textarea.long {
    width: 100%;
}
input.middle {
    width: 100%;
    max-width: 250px;
}
/* input[date] */
.calendarOuter {
    position: relative;
}
.calendarOuter::before {
    content: '';
    width: 1em;
    height: 1em;
    display: inline-block;
    background: url(../images/icon_calendar.svg) no-repeat center / contain;
    position: absolute;
    top: 10pt;
    left: 6pt;
}
.calendarOuter:has(.active) {
    background: #000;
}
input.currender {
    padding-left: 20pt;
}
/* privacy */
.privacy a {
    color: #1571da;
    position: relative;
}
.privacy a::after {
    content: '';
    width: .6em;
    height: .6em;
    padding-left: 4pt;
    display: inline-block;
    background: url(../images/icon_window.svg) no-repeat center / contain;
}
.privacy a:hover {
    opacity: 0.7;
}
/* submit */
.submitOuter {
    margin-top: 40pt;
    margin-bottom: 40pt;
}
input[type=submit] {
    border: 0;
    padding: 12pt 50pt;
    background: #f2f2f2;
    font-size: 14pt;
    font-weight: bold;
    color: #ccc;
}
input[type=submit]:hover {
    cursor: pointer;
}
.form_back {
    color: #1571da;
}