@charset "UTF-8";

#bo_w form section { padding: 2rem 0; background: #fff; }
#bo_w form section aside h2 { margin-top: .5rem; }
#bo_w form section aside p { background-color: #f9faff; }
#bo_w form section aside .asideTab a { min-width: 250px; padding: 1rem 2.5rem; border-radius: 2rem; border: 1px solid var(--pointcolor); margin: 0 .5rem; color: var(--pointcolor); transition: .5s; }
#bo_w form section aside .asideTab a:hover { background-color: var(--pointcolor); color: #fff; }
#bo_w form section > article { margin: 2rem 0; padding: 2.5rem 0; border-top: 1px solid var(--pointcolor); border-bottom: 1px solid var(--pointcolor); }
#bo_w form section .formbox { width: 47%; padding: 1rem 0; display: flex; align-items: center; }
#bo_w form section .formbox.width100 { align-items: flex-start; }
#bo_w form section .formbox > label { width: 20%; display: block; margin-right: 1rem; }
#bo_w form section .formbox.width100 > label { width: 10%; }
#bo_w form section .formbox > label + * { width: 80%; }
#bo_w form section .formbox.width100 > label + * { width: 90%; }
#bo_w form section .formbox input[type=text],
#bo_w form section .formbox input[type=tel],
#bo_w form section .formbox input[type=email],
#bo_w form section .formbox input[type=date],
#bo_w form section .formbox select,
#bo_w form section .formbox textarea {
    height: auto; line-height: auto; padding: .75rem 1.25rem; border: 1px solid var(--light-gray); border-radius: 0; outline: none; box-shadow: none !important; background: #fff;
}

#bo_w form section .formbox select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; appearance:none; background:url('/img/sub/select_arrow.png') no-repeat right .875rem center; background-size: 1rem; }

#bo_w form section .formbox textarea { resize: none; min-height: 400px; }
#bo_w form section .formbox input[type=text]:focus,
#bo_w form section .formbox input[type=tel]:focus,
#bo_w form section .formbox input[type=email]:focus,
#bo_w form section .formbox input[type=date]:focus,
#bo_w form section .formbox select:focus,
#bo_w form section .formbox textarea:focus {
    border-color: var(--pointcolor) !important;
}
#bo_w form section .formbox .check-wrapper { display: inline-flex; align-items: center; margin-bottom: .5rem; }
#bo_w form section .formbox.width100 .check-wrapper { margin-bottom: 1rem; }
#bo_w form section .formbox .check-wrapper:not(:last-child) { margin-right: 1.5rem; }
#bo_w form section .formbox.width100 .check-wrapper:not(:last-child) { margin-right: 3rem; }
#bo_w form section .formbox .check-wrapper label { display: inline-block; margin-left: .75rem; margin-bottom: 0; }
#bo_w form section .formbox .check-wrapper input[type=checkbox],
#bo_w form section .formbox .check-wrapper input[type=radio] {
    accent-color: var(--pointcolor); transform: scale(1.25);
}
#bo_w form section.privacy-info h3 { padding: 1rem 0 1rem 1.5rem; background-color: #e5e8f5; }
#bo_w form section.privacy-info article { margin: 0 0 1rem; padding: 2rem; background-color: #fafafa; border: 0; }
#bo_w form section.privacy-info article ul li { position: relative; margin: .25rem 0; padding-left: 20px; }
#bo_w form section.privacy-info article ul li::before { position: absolute; content: '';  width: 5px; height: 5px; background: var(--pointcolor); border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%); }
#bo_w form section.privacy-info .signaturebox { padding: 2rem; background: #fafafa; }
#bo_w form section.privacy-info .signaturebox .formbox { width: 47%; }
#bo_w form section.privacy-info .signaturebox .formbox > label { width: 15%; }
#bo_w form section.privacy-info .signaturebox .formbox > label + * { width: 75%; }
#bo_w form section.privacy-info .signaturebox .formbox input { background: #fff; }
#bo_w form section.privacy-info .signaturedate > div { display: flex; align-items: center; margin: 0 .5rem; }
#bo_w form section.privacy-info .signaturedate input { max-width: 40px; font-weight: 700; background: transparent; border: none !important; outline: none !important; box-shadow: none !important; text-align: right; }
#bo_w form section.privacy-info .signaturedate .year input { max-width: 60px; }
#bo_w form section.privacy-info input[type=checkbox] { accent-color: var(--pointcolor); transform: scale(1.5); margin-right: .5rem; }

#bo_w #captcha { display: flex; align-items: center; justify-content: center; margin: 2rem auto; }
#bo_w #captcha #captcha_mp3 { display: none; }
#bo_w #captcha #captcha_info { width: 100%; text-align: center; display: block; font-size: 1.25rem; margin-top: .5rem; display: none; }

@media(max-width:900px){
    #bo_w form section aside .asideTab a { min-width: 30%; }
    #bo_w form section .formbox { width: 100%; flex-wrap: wrap; }
    #bo_w form section .formbox > label,
    #bo_w form section .formbox.width100 > label { width: 100%; margin-right: 0; margin-bottom: 1rem; }
    #bo_w form section .formbox > label + *,
    #bo_w form section .formbox.width100 > label + * { width: 100%; }
    #bo_w form section .formbox input[type=text],
    #bo_w form section .formbox input[type=tel],
    #bo_w form section .formbox input[type=email],
    #bo_w form section .formbox input[type=date],
    #bo_w form section .formbox select,
    #bo_w form section .formbox textarea { width: 100%; padding: 1rem 1.5rem; }
    #bo_w form section .formbox input.width25, #bo_w form section .formbox select.width25 { width: 28%; }
    #bo_w form section .formbox input.width35, #bo_w form section .formbox select.width35 { width: 34%; }
    #bo_w form section.privacy-info .signaturebox .formbox { width: 100%; }
    #bo_w  #captcha.m_captcha audio { display: none; }
    #captcha.m_captcha #captcha_img { width: auto; height: 40px; margin-bottom: 0; }
    #captcha.m_captcha #captcha_key { width: auto; height: 40px; padding: 0 1rem; }

}

@media(max-width:580px) {
    #bo_w .asideTab  {flex-wrap: wrap;}
    #bo_w form section aside .asideTab a { min-width: 45%; }
    #bo_w form section aside .asideTab a:nth-child(n+3) {margin-top: 1rem;}
}

#bo_v #innerContent { padding: 2rem 0; }
#bo_v #innerContent > section > article { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;  width: 100%; padding: 2.5rem; border: 1px solid var(--light-gray); border-radius: 1rem; }
#bo_v #innerContent > section > article > h3 { width: 100%; }
#bo_v #innerContent > section > article > section { width: 48.5%; margin: .5rem 0 .5rem 1rem; }