html,body{ margin:0; padding:0; border:0; font-family: Noto Sans JP, Noto Sans Display, sans-serif; background:#f8f8f8; }

.hide{ display:none!important; }
#error{ color:red; }

.brandlogo-area.bg-wh { background-color: #fff; }
.brandlogo-area.bg-lg { background-color: #f2f2f2; }
.brandlogo-area.bg-bk { background-color: #000; box-sizing:border-box; border-bottom:1px solid #CCCCCC; }
.brandlogo-area__in { max-width: 1280px; margin: auto; display: flex; align-items: center; height: 42px; }
.brandlogo-area__in.center { justify-content: center; }
.brandlogo-area__logo img { max-width: 100%; height: 36px; display: block; }
@media (min-width: 981px) { .brandlogo-area { padding-inline: 20px; } }
@media (max-width: 980px) { .brandlogo-area { padding-inline: 15px; } }

#globalfooter{ background-color:black; text-align:center; color:#ddd; padding-bottom: 10em; }
#globalfooter #globalfooter-nav{ padding:5px 0; height:120px; }
#globalfooter .pagetop a{
        display:inline-block;
        padding:10px 0 0 0;
        background: url(/images/common/icn-footer-arrow-up.gif) no-repeat top center;
        color:#ddd;
        text-decoration:none;
        font-size:.8rem;
}


div.site_header{ width:100%; }
div.site_header>.inner{ padding:20px 0; background:white; }
div.site_header>.inner>div.logo{ height:50px; max-width:90%; margin:0 auto; background:url("/pct/leica-mc24/common/images/leica-mc24-logo.png") center center no-repeat; background-size:contain; }

div.page_title{ margin:0; padding:0; text-align:center; background:#fcfcfc; }
div.page_title>div.inner{ padding:1px 1rem; }
div.page_title>div.inner>p{ font-size:1.2rem; }

section.step { width: 640px; max-width: 96%; margin: 30px auto 0; background:white; }
section.step>div.inner { box-sizing: border-box; border: 1px solid #ddd; padding: 1rem; }
section.step.bottom{ height:10rem; background:transparent; }

div.input_area>div.inner { margin: 1rem auto; }
div.input_area input{ width: 500px; max-width: 90%; padding: 10px; }
div.input_area textarea{ width: 500px; max-width: 90%; padding: 10px; line-height:1.5rem; }
div.input_area#address_input_area_2{ margin-top:30px; }
div.input_area#explanation_input_area{ margin-top:3rem; }

div.notification_area { font-size: .8rem; text-align: left; background-color: #efefef; margin-top: 3rem; }
div.notification_area>div.inner { padding: 1rem .5rem; }

div.select_area>div.inner { margin: 1rem auto; }
div#content_select_area{ margin-top:30px; }
img#image-preview{ max-width:100%; }

div.input_area p, div.select_area p{ text-align:left; width:500px; margin-top:3rem; max-width:90%; }

div.send_area { margin: 3rem auto 1rem; }
div.send_area>div.inner{ padding:20px 1rem; }

div.send_area button{ cursor:pointer; width: 240px; max-width: 45%; padding: 1rem 0; border-radius: 5px; border: 1px solid #aaa; margin-bottom:2rem; }
div.send_area button.primary{ background-color:#fff; }