/* Public layout, headings, cards, buttons and navigation share these component rules. */
body.mapp-business{--mist:#edf4fa;--ink:#0c2c5d;--blue:#175db6;--body:#344963;--muted:#596c82;--line:#d5e1ee;--white:#fff}body.mapp-business *{box-sizing:border-box}body.mapp-business{margin:0;background:var(--mist);color:var(--body)}body.mapp-business a{color:var(--blue);text-decoration:none}body.mapp-business a:hover{text-decoration:underline}body.mapp-business a:focus-visible{outline:3px solid #175db6;outline-offset:5px}body.mapp-business h1,body.mapp-business h2,body.mapp-business h3{color:var(--ink);line-height:1.5;margin:0 0 18px;letter-spacing:.025em}body.mapp-business h1{font-size:42px;font-weight:750;line-height:1.65}body.mapp-business h2{font-size:27px}body.mapp-business h3{font-size:19px}body.mapp-business p{margin:0 0 20px}body.mapp-business .icon{width:24px;height:24px;vertical-align:middle;flex-shrink:0}body.mapp-business .hero{min-height:540px;display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;padding-top:70px;padding-bottom:70px}body.mapp-business .eyebrow{display:block;color:var(--blue);font-size:11px;font-weight:750;letter-spacing:.16em;margin-bottom:18px}body.mapp-business .hero em{font-style:normal;color:var(--blue)}body.mapp-business .actions{display:flex;gap:25px;align-items:center;margin:30px 0 16px}body.mapp-business .textlink{display:inline-flex;gap:14px;align-items:center;font-size:13px;font-weight:700}body.mapp-business .micro{font-size:12px;color:var(--muted);margin-top:18px}body.mapp-business .heroart{position:relative;min-width:0;padding:35px 0 35px 20px}body.mapp-business .art-label{font-size:10px;letter-spacing:.14em;color:var(--muted);margin-bottom:16px}body.mapp-business .appwindow{background:white;border:1px solid #c9dcec;border-radius:15px;box-shadow:0 22px 60px #153d6714;overflow:hidden;transform:rotate(-2deg)}body.mapp-business .windowbar{height:43px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:5px;padding:15px}body.mapp-business .windowbar i{width:6px;height:6px;border-radius:50%;background:#acc6df}body.mapp-business .windowbar span{font-size:8px;letter-spacing:.14em;color:#6a8299;margin-left:14px}body.mapp-business .appbody{display:flex;min-height:225px}body.mapp-business .appsidemenu{width:55px;background:#f6f9fc;padding:20px 13px;display:flex;flex-direction:column;gap:20px}body.mapp-business .appsidemenu b{height:7px;background:#c6daec;border-radius:5px}body.mapp-business .appcontent{flex:1;padding:22px;min-width:0}body.mapp-business .skeleton{height:9px;width:45%;background:#c8dbed;border-radius:4px;margin-bottom:20px}body.mapp-business .metrics{display:flex;gap:14px;margin-bottom:14px}body.mapp-business .metrics div{background:#f3f7fc;border:1px solid #e4edf7;border-radius:8px;flex:1;padding:12px;font-size:8px;color:var(--muted);letter-spacing:.06em}body.mapp-business .metrics strong{display:block;font-size:19px;color:var(--ink);margin-top:5px}body.mapp-business .appcontent>svg{width:100%;height:85px}body.mapp-business .floating{position:relative;background:var(--ink);color:white;border-radius:10px;padding:16px 20px;margin:-7px 22px 0 -25px;box-shadow:0 12px 25px #173c6c19;font-size:13px;display:flex;gap:14px;align-items:center}body.mapp-business .floating .icon{color:#80cafa}body.mapp-business .section{padding-top:72px;padding-bottom:72px}body.mapp-business .whitebg{background:white}body.mapp-business .sectionhead{display:flex;justify-content:space-between;align-items:center}body.mapp-business .card{background:white}body.mapp-business .iconbox{width:48px;height:48px;border-radius:12px;background:var(--mist);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:23px}body.mapp-business .split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}body.mapp-business .cta{margin:65px auto;background:var(--ink);color:#e4edf8;display:flex;justify-content:space-between;align-items:center;gap:25px}body.mapp-business .cta .eyebrow{color:#afcfff;margin-bottom:12px}body.mapp-business dl{font-size:13px;margin-top:25px}body.mapp-business dt{font-weight:700;color:var(--ink);margin-top:16px}body.mapp-business dd{margin:3px 0}body.mapp-business .skip{position:absolute;left:-1000px}body.mapp-business .skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:10}@media(max-width:900px){body.mapp-business .cta{margin:45px auto}body.mapp-business .hero{gap:24px}body.mapp-business .split{gap:30px}}@media(max-width:760px){body.mapp-business .hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:36px;gap:0}body.mapp-business .eyebrow{font-size:9px}body.mapp-business .heroart{padding-top:20px;padding-left:20px;max-width:460px;width:100%;margin:auto}body.mapp-business .floating{margin-left:0;margin-right:0}body.mapp-business .split{grid-template-columns:1fr}body.mapp-business .section{padding-top:42px;padding-bottom:42px}body.mapp-business .sectionhead{align-items:flex-start;gap:20px}body.mapp-business .sectionhead .textlink{font-size:11px;white-space:nowrap;margin-top:31px}body.mapp-business h2{font-size:22px}body.mapp-business .card .iconbox{margin-bottom:16px}body.mapp-business .cta{display:block;margin:32px auto}body.mapp-business .cta .bp-button{margin-top:18px}body.mapp-business .actions{gap:18px}body.mapp-business .textlink{font-size:12px}body.mapp-business .desktop{display:none}}

body.mapp-business #container.layout-1column{width:100%;margin:0;display:block}
body.mapp-business #main_content,body.mapp-business #main_column{min-width:0}
body.mapp-business .business-news-nav{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}
body.mapp-business .business-news-nav strong{display:block;color:var(--ink);margin-bottom:12px}
body.mapp-business .business-news-nav a{display:block;padding:8px 0;font-size:14px}
body.mapp-business .business-news-nav a[aria-current]{font-weight:700;color:var(--ink)}
body:is(.mapp-business,.bp-site) :is(.bp-section-title,.bp-section-description){
	font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
	letter-spacing:normal}
body:is(.mapp-business,.bp-site) .bp-section-title{
	position:relative;
	margin:0;
	padding:0 0 0 28px;
	color:#092a59;
	font-size:30px;
	font-weight:800;
	line-height:1.45}
body:is(.mapp-business,.bp-site) .bp-section-title::before{
	content:"";
	position:absolute;
	left:8px;
	top:5px;
	width:4px;
	height:36px;
	background:#0064df}
body:is(.mapp-business,.bp-site) .bp-section-description{
	margin:5px 0 0;
	padding:0;
	color:#203b60;
	font-size:14px;
	font-weight:400;
	line-height:1.85}
body:is(.mapp-business,.bp-site) .bp-section-title--inverse{color:#fff}
body:is(.mapp-business,.bp-site) .bp-section-description--inverse{color:#e4edf8}
@media(max-width:760px){
	body:is(.mapp-business,.bp-site) .bp-section-title{padding-left:20px;font-size:24px}
	body:is(.mapp-business,.bp-site) .bp-section-title::before{left:0;height:29px}
	body:is(.mapp-business,.bp-site) .bp-section-description{font-size:12px}
}
body.mapp-business .hero .eyebrow{text-transform:none}
body:is(.mapp-business,.bp-site) .bp-section-heading{margin:46px 0 25px}
body:is(.mapp-business,.bp-site) .bp-section-heading+*{margin-top:0}
@media(max-width:760px){
	body:is(.mapp-business,.bp-site) .bp-section-heading{margin:32px 0 18px}
}
body:is(.mapp-business,.bp-site) .bp-section-heading--contained{margin-top:0}

body:is(.mapp-business,.bp-site){font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;font-weight:400;line-height:1.85;letter-spacing:normal}
body:is(.mapp-business,.bp-site) .bp-wrap{box-sizing:border-box;width:min(1120px,calc(100% - 64px));margin-inline:auto}
body:is(.mapp-business,.bp-site) .bp-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body:is(.mapp-business,.bp-site) .card{box-sizing:border-box;max-width:none;min-width:0;border:1px solid #d3e7fd;border-radius:12px;padding:24px;box-shadow:none;color:#203b60;font-size:14px;line-height:1.85}
body:is(.mapp-business,.bp-site) .card :is(ul,ol,dl){font-size:inherit;line-height:inherit}
body:is(.mapp-business,.bp-site) .card :is(h2,h3){margin:0;font-size:22px;font-weight:800;line-height:1.45;letter-spacing:normal}
body:is(.mapp-business,.bp-site) .card p:not(:where(.bp-eyebrow,.bp-note,.micro,.bp-actions)){margin:0;font-size:14px;line-height:1.85}
body:is(.mapp-business,.bp-site) .card :is(h2,h3)+p,body:is(.mapp-business,.bp-site) .card p+p{margin-top:12px}
body:is(.mapp-business,.bp-site) .card .bp-section-title::before{height:27px}
body:is(.mapp-business,.bp-site) .card.bp-service-card:not(.bp-service-card--horizontal){padding-bottom:65px}
body:is(.mapp-business,.bp-site) .card.bp-experience-record{padding-left:94px}
body:is(.mapp-business,.bp-site) .bp-button{border:1px solid transparent;border-radius:100px;min-height:46px;padding:11px 25px;display:inline-flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(110deg,#1389eb,#0054bc);color:#fff;font-size:14px;font-weight:700;line-height:1.5;white-space:nowrap}
body:is(.mapp-business,.bp-site) .bp-button:hover{text-decoration:none;filter:brightness(.94)}
body:is(.mapp-business,.bp-site) .bp-button :is(.bp-icon,.icon){width:20px;height:20px}
body:is(.mapp-business,.bp-site) .bp-button--outline{background:#fff;border-color:#0757b6;color:#0757b6}
body:is(.mapp-business,.bp-site) .bp-button--full{width:100%}
@media(max-width:760px){
	body:is(.mapp-business,.bp-site) .bp-wrap{width:calc(100% - 36px)}
	body:is(.mapp-business,.bp-site) .bp-service-grid{grid-template-columns:1fr;gap:12px}
	body:is(.mapp-business,.bp-site) .card{padding:20px}
	body:is(.mapp-business,.bp-site) .card :is(h2,h3){font-size:20px}
	body:is(.mapp-business,.bp-site) .card .bp-section-title::before{height:24px}
	body:is(.mapp-business,.bp-site) .card.bp-service-card:not(.bp-service-card--horizontal){padding-bottom:55px}
	body:is(.mapp-business,.bp-site) .card.bp-experience-record{padding-left:64px}
}
@media print{body:is(.mapp-business,.bp-site) .bp-wrap{width:100%}}
body:is(.mapp-business,.bp-site) .bp-hero-copy h1{margin:0;font-size:46px;line-height:1.45;letter-spacing:.035em}
body:is(.mapp-business,.bp-site) .bp-hero-copy>p:not(.bp-eyebrow){margin:22px 0 0;font-size:16px;line-height:1.9}
@media(max-width:760px){
	body:is(.mapp-business,.bp-site) .bp-hero-copy h1{font-size:35px}
	body:is(.mapp-business,.bp-site) .bp-hero-copy>p:not(.bp-eyebrow){margin-top:16px;font-size:14px}
}

body:is(.mapp-business,.bp-site) .card.bp-arrow-banner strong{font-size:22px}
@media(max-width:760px){body:is(.mapp-business,.bp-site) .card.bp-arrow-banner strong{font-size:20px}}
body:is(.mapp-business,.bp-site) .header{background:#fff;border-bottom:1px solid #d5e1ee}
body:is(.mapp-business,.bp-site) .headerinner{min-height:96px;display:flex;justify-content:space-between;align-items:center;gap:24px}
body:is(.mapp-business,.bp-site) .logo{display:inline-flex;flex:none}
body:is(.mapp-business,.bp-site) .header .logo img{display:block;width:205px;height:64px;object-fit:contain}
body:is(.mapp-business,.bp-site) .header nav{display:flex;gap:25px;align-items:center;font-size:13px;font-weight:650}
body:is(.mapp-business,.bp-site) .header nav a{color:#0c2c5d;white-space:nowrap}
body:is(.mapp-business,.bp-site) .header nav [aria-current]{color:#175db6;box-shadow:0 2px #175db6}
body:is(.mapp-business,.bp-site) .navcontact{background:#fff;box-shadow:none;border:1px solid #d5e1ee;padding:9px 14px;border-radius:8px;display:flex;align-items:center;gap:8px}
body:is(.mapp-business,.bp-site) .header .icon{width:24px;height:24px;flex:none}
body:is(.mapp-business,.bp-site) .business-footer{background:#fff;border-top:1px solid #d5e1ee;padding:24px 0}
body:is(.mapp-business,.bp-site) .footergrid{display:flex;justify-content:space-between;align-items:center;gap:20px}
body:is(.mapp-business,.bp-site) .footergrid nav{display:flex;flex-wrap:wrap;gap:12px 24px}
body:is(.mapp-business,.bp-site) .footergrid nav a{color:#596c82;font-size:13px;padding:6px 0}
body:is(.mapp-business,.bp-site) .copyright{font-size:12px;color:#596c82;white-space:nowrap}
@media(max-width:900px){body:is(.mapp-business,.bp-site) .header nav{gap:13px}}
@media(max-width:760px){body:is(.mapp-business,.bp-site) .headerinner{display:block;padding-top:12px;padding-bottom:12px}body:is(.mapp-business,.bp-site) .header .logo img{width:150px;height:45px}body:is(.mapp-business,.bp-site) .header nav{flex-wrap:wrap;gap:10px 18px;font-size:11px;margin-top:8px}body:is(.mapp-business,.bp-site) .navcontact{padding:4px 9px}body:is(.mapp-business,.bp-site) .navcontact .icon{width:16px;height:16px}body:is(.mapp-business,.bp-site) .footergrid{flex-direction:column;gap:12px}body:is(.mapp-business,.bp-site) .footergrid nav{justify-content:center;gap:4px 18px}}
