@charset "UTF-8";

#sysAll #sysWrap #sysMain{
    font-family: "Zen Old Mincho", 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', sans-serif;
padding: 0 20px 100px!important;
    max-width: 740px!important;
margin-left: auto!important;
margin-right: auto!important;
}
.breadcrumbWrap .breadcrumb{
justify-content: flex-start;
}
.breadcrumbWrap{
display: none;
font-family: "Zen Kaku Gothic New", YuGothic, 'Yu Gothic', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
#contact_wrap{
margin: 3rem auto 0;
}
#contact_wrap > p:nth-child(1){
font-size: 1.5rem;
margin: 3rem auto 2rem;
font-weight: bold;
text-align: center;
}
#contact_wrap > p:nth-child(4){
margin: 1rem auto;
font-family: "Zen Kaku Gothic New", YuGothic, 'Yu Gothic', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.sysForm{
padding: 2.75rem 0;
border-top: 1px solid #aaa;
margin: 2rem auto 0;
 }
.sysFormLabel{
font-size: 1rem;
font-weight: bold;
}
.sysRequired{
font-size: .75rem;
font-weight: bold;
color: #D0010E;
border: 1px solid #D0010E;
padding: 0px 8px;
margin:0 1rem;
}
.sysRequired::before,
.sysRequired::after{
display: none;
}
.sysFormField{
margin: .5rem auto 2rem;
}
.sysFormField textarea,
.sysFormField select,
.sysFormField input{
width: 100%;
border: 1px solid #aaa;
padding: 1rem;
border-radius: 2px;
background: #fff;
}
.sysFormField textarea{
height: 240px;
}
#sysMain > form > div > div.sysFormItem.sys4 > div{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
width: 100%;
}
#sysMain > form > div > div.sysFormItem.sys4 > div > input[type=text]{
max-width: 130px;
}
#sysMain > form > div > div.sysFormItem.sys4 > div > button{
    width: auto;
    margin: 0 0 0 auto;
    background: transparent;
    border: none;
    color: #D0010E;
    text-decoration: underline;
}
#sysMain > form > div > div.sysFormItem.sys11 > div > label{
margin: 1rem 0 0;
}
#sysMain > form > div > div.sysFormItem.sys11 > div > label > input[type=checkbox]:nth-child(1){
width: auto;
margin:0 .5rem 0 0;
}
#sysMain > form > div > div.sysFormItem.sys11> div{
position: relative;
}
#sysMain > form > input.sysNextSubmit{
    background: #D0010E;
    color: #fff;
    font-size: 1.25rem;
    font-weight: bold;
    border: none;
    padding: 1rem;
    width: 100%;
    max-width: 740px;
    margin: 0 auto;
}

#sysMain > form:nth-child(2) > button{
    background: #000;
    color: #fff;
    border: none;
    padding: 15px;
    width: auto;
    margin: 1rem 0;
}
@media(min-width: 768px){
#contact_wrap > p:nth-child(1) br{
display: none;
}
.breadcrumbWrap{
display: block;
}
.sysFormItem{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
margin: 0 auto 3rem;
}
.sysFormField{
width: 70%;
margin: 0 0 0 auto;
max-width: 480px;
}
#sysMain > form > div > div.sysFormItem.sys4 > div > input[type=text],
#sysMain > form > div > div.sysFormItem.sys5 > div > select{
max-width: 280px;
}
#sysMain > form > div > div.sysFormItem.sys10{
align-items: flex-start;
}
}
#sysMain > form > div > div.sysFormItem.sys11 > label,
#sysMain > form > div > div.sysFormItem.sys11 > span,
.sysFormItem.sys11 .sysFormField:not(:has(label)) {
    display: none !important;
}
#sysMain > form > div > div.sysFormItem.sys11 > div > p > a{
text-decoration: underline;
}