@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap";@import "https://fonts.googleapis.com/css?family=Roboto";
#hero{background-size: cover;background-position: center;background-image: url(/content/dam/kddi-com/share/cf/solution-info/starlink/images/starlink_hero.png);}
#bgg1,#bgg2,#bgg3,#bgg4{background: rgba(0, 0, 0, 0.7);}
.hero{text-align: center;padding: 8% 10% 7%;}
.hero h1{margin: 3% 0;}
.hero p{color: #fff;font-size: 1.2em;line-height: 2.3;font-weight: 400;text-shadow: 0 0 50px #222222;letter-spacing: 2px;}
.cmp-com-parts-title__leadText{font-weight: 400!important;}
.box{display :flex;justify-content: space-around;background: rgba(0, 0, 0, 0.7);color: #fff;padding:  5% 8%;width: 100%;border: 1px solid #fff;align-items: center;}
.box h2{font-size: 1.95em;font-weight: 500;letter-spacing: 2px;}
.box h2 ruby{font-family: 'Roboto', sans-serif;font-size: 1.23em;line-height: 1.35;letter-spacing: 3.8px;}
.box p{width: 65%;font-size: 1.1em;}
.sp-hidden {display: none;}
#anc02{background: linear-gradient(to right, rgba(98, 122, 223, 0.5), rgba(31, 143, 207, 0.5));}
#starlink{background-attachment: fixed;background-size: cover;background-position: center;background-image: url(/content/dam/kddi-com/share/cf/solution-info/starlink/images/starlink_bg.jpg);position: relative;}
#business{background-repeat: no-repeat;background-size: cover;background-position: center;background-image: url(/content/dam/kddi-com/share/cf/solution-info/starlink/images/starlink_business.jpg);}
#satellite-mobile-link{background-repeat: no-repeat;background-size: cover;background-position: bottom;background-image: url(/content/dam/kddi-com/share/cf/solution-info/starlink/images/starlink_satellite-mobile-link.jpg);}
#starlink-direct{background-repeat: no-repeat;background-size: cover;background-position: center;background-image: url(/content/dam/kddi-com/share/cf/solution-info/starlink/images/starlink_starlink-direct.jpg);}
#marine-plan{background-repeat: no-repeat;background-size: cover;background-position: bottom;background-image: url(/content/dam/kddi-com/share/cf/solution-info/starlink/images/starlink_marine-plan.jpg);}
@media screen and (max-width: 896px) {
	.hero h1{
		margin: 5% 0;
	}
	.hero p{
		line-height: 1.8;
	}
	.box {
		display: block;
	}
	.box h2{
		text-align: center;
		margin-bottom: 10px;
	}
	.box p{
		width: 100%;
	}
	.sp-hidden {
		display: block;
	}
}