.brand-bg { background: #f7f6f4; padding-bottom: 6rem; }

.page-header { background: none !important; }
.page-header .page-name, .page-header .page-copy, .page-header .page-lead { color: #002870; }
.page-header .local-nuv { margin: auto; margin-top: 5rem; max-width: 780px; }
.page-header .local-nuv a { display: block; box-sizing: border-box; background: #fff; border: 1px solid #002870; transition: 0.5s background; }
.page-header .local-nuv a img { width: 100%; height: auto; }
.page-header .local-nuv a:hover { background: #f1ede5; }

@media screen and (max-width: 1000px) { .local-nav { margin-top: 8rem; } }
.mrkr { background: linear-gradient(transparent 60%, #fff100 60%, #fff100 90%, transparent 90%); }

.brand-sec { margin: auto; width: 90%; max-width: 780px; padding-top: 5rem; border-top: 1.5px dashed #002870; }

.midashi { text-align: center; margin-top: 6rem; font-weight: lighter; font-size: 2.8rem; line-height: 1.8; font-feature-settings: "palt"; }
.midashi.navy { color: #002870; }
.midashi.brown { color: #775512; }
.midashi.middle { margin-top: 3rem; font-size: 2.4rem; }
.midashi.brown-obi { color: #fff; background: #775512; text-align: center; padding: 0.2rem; margin-top: 2.5rem; margin-bottom: -2rem; }
.midashi.grd-obi { color: #fff; background: #775512; text-align: center; padding: 1.5rem 1rem; margin-top: 4.5rem; line-height: 1.4; background: linear-gradient(to right, #775512, #c0ab2f, #775512); }

.lead { text-align: center; font-size: 1.6rem; margin-top: 2rem; }

.num-ttl { padding-top: 10rem; }
.num-ttl .num { text-align: center; color: #775512; font-size: 2.8rem; line-height: 1; }
.num-ttl .midashi { margin-top: 0rem; }
.num-ttl.middle { padding-top: 3rem; }
.num-ttl.middle .num { color: #002870; font-size: 2.2rem; }
.num-ttl.middle .midashi { margin-top: 0.5rem; color: #002870; font-size: 2rem; }

#brand01 .sec01-img01 { margin-top: 5rem; }
#brand01 .sec01-img02 { margin-top: 4rem; padding: 2rem 0; border-top: 1.5px dashed #775512; border-bottom: 1.5px dashed #775512; }
#brand01 .sec01-img03 { margin-top: 3rem; }
#brand01 .sec01-img04 { width: 100%; margin: auto; max-width: 70rem; margin-top: 4rem; }
#brand01 .sec01-img05 { margin-top: 4rem; }
#brand01 .sec01-img05-2 { margin-top: 4rem; }

.sec01-list01 { display: flex; justify-content: space-between; }
.sec01-list01 li { width: 32%; background: #fff; box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.1); box-sizing: border-box; /*padding: 2rem 1.5rem 1.5rem;*/ padding: 1.5rem; font-feature-settings: "palt"; margin-top: 2rem; }
.sec01-list01 li .img { margin-bottom: 1.5rem; }
.sec01-list01 li .list-copy01 { text-align: center; color: #002870; font-size: 2.6rem; }
.sec01-list01 li .lead { font-size: 1.1rem; line-height: 1.8; margin-top: 1rem; text-align: left; letter-spacing: 0.15rem; }
.sec01-list01 li .lead .mrkr { font-size: 125%; color: #002870; }
@media screen and (max-width: 600px) { .sec01-list01 { flex-wrap: wrap; }
  .sec01-list01 li { width: 100%; }
  .sec01-list01 li .lead { font-size: 1.4rem; margin-top: 1rem; } }

.lead.sec02-lead { line-height: 2.4; text-align: left; }
.lead.sec02-lead .mrkr { font-size: 120%; color: #002870; }

.sec01-list02 { display: flex; justify-content: space-between; flex-wrap: wrap; background: #fff; box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 1rem 8% 3.5rem; font-feature-settings: "palt"; margin-top: 3rem; margin-bottom: 4rem; }
.sec01-list02 li { width: 49%; margin-top: 2rem; }
.sec01-list02 li:first-child { width: 100%; }
.sec01-list02 li:first-child .midashi { margin-top: 0; font-size: 2.2rem; line-height: 1.6; }

#brand02 { margin-top: 6rem; }
#brand02 .sec02-ttl02 { box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.1); margin-top: 5rem; }
#brand02 .sec02-img01 { background: #fff; padding: 0 5% 1rem; box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.1); margin-top: 3%; }
#brand02 .sec02-img01 img { margin-top: -4%; }
#brand02 .sec02-img02 { margin-top: 4rem; }
#brand02 .sec02-img03 { padding: 6rem 0; }

.lead.sec03-lead { line-height: 2.4; text-align: center; margin-top: 5rem; }
.lead.sec03-lead .mrkr { font-size: 130%; color: #002870; }

#f-bnr { width: 50%; max-width: 350px; position: fixed; bottom: 30px; right: 30px; z-index: 2; }
#f-bnr .close { display: block; width: 30px; height: 30px; margin: 0 0 0 auto; position: relative; background: #002870; cursor: pointer; }
#f-bnr .close .line { width: 24px; height: 1px; background: #fff; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); }
#f-bnr .close .line::after { content: ""; width: 100%; height: 1px; background: #fff; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); }
#f-bnr a { display: block; background: #fff; }
#f-bnr a:hover { background: #fff; }
#f-bnr a:first-of-type { margin-bottom: 0.5rem; }
#f-bnr a .img { display: block; }
@media screen and (max-width: 768px) { #f-bnr { right: 10px; bottom: 80px; max-width: 300px; }
  #f-bnr .close { width: 25px; height: 25px; }
  #f-bnr .close .line { width: 20px; } }