@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap');
body{
	font-family: 'Noto Sans JP', sans-serif;
	color:#202020;
	background-color:#fafafa;
	line-height:1.6;
	font-weight:400;
	font-size:16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5,h6{
	font-weight:900;
}
a.phone{
	-webkit-transition: all .2s; /* Safari */
	transition: all .2s;
	opacity:1;
}
a.phone:hover{
	text-decoration:none;
	opacity:0.7;
}
.w-400{
	font-weight:400;
}
.w-700{
	font-weight:900;
}
.w-900{
	font-weight:900;
}
header{
	background-color: #233162;
	color:#fff;
	padding:10px 0;
}
#ytPlayerWrap{
	position: relative;
	padding-top:10px;
	height: 70vh;
	width: 100%;
	background:#202020;
	color:#fff;
}
#ytPlayerWrap img.badge{
	width:100px;
	height:auto;
}
h1{
	margin:60px 0 20px;
	font-size:28px;
}
h1 span{
	font-size:140%;
	display:block;
	margin-top:10px;
}
#ytPlayerWrap img.amr{
	width:150px;
	height:auto;
}
.video-wrapper{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.video-wrapper iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
section{
	padding:40px 0;
}
section h2{
	margin-bottom:20px;
}
section.cta{
	background:#233162;
	color:#fff;
}
section.cta .title{
	font-weight:700;
	font-size:24px;
}
section.cta p{
	font-size:17px;
}
section.cta img{
	width:30px;
	height:30px;
	margin-right:10px;
}
section.cta a.btn{
	font-size:18px;
	font-weight:700;
	display:block;
	margin:10px 0;
}
section.cta a.phone{
	font-size:110%;
}
section.solution{
	padding-top:130px;
}
section.solution li{
	position:relative;
	padding-left:40px;
}
section.solution li:before{
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../image/checked.svg);
	background-size:cover;
	position:absolute;
	top:7px;
	left:0;
}
section.solution li b{
	font-size:160%;
	font-weight:700;
}
section.brands li{
	margin:0 10px 20px;
}
section.brands img{
	max-width:80px;
	height:auto;
	max-height:60px;
}
section.video{
	background:#202020;
	color:#fff;
	overflow:hidden;
	position:relative;
}
section.video .bg-image{
	filter: blur(8px);
	-webkit-filter: blur(8px);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position:absolute;
	opacity:0.5;
	top:-20px;
	bottom:-20px;
	left:-20px;
	right:-20px;
}
section.video .container{
	position:relative;
}
section.spec ul{
	border-top:solid 1px #707070;
}
section.spec li{
	padding:10px 0;
	border-bottom:solid 1px #707070;
}
section.spec .images{
	margin-left:-10px;
	margin-right:-10px;
}
section.spec .images .item{
	flex:0 0 33.333333%;
	padding:0 10px 20px;
	-webkit-transition: all .2s; /* Safari */
	transition: all .2s;
	cursor:pointer;
}
section.spec .images .item:hover{
	transform: scale(1.1);
}
section.spec .images .item img{
	width:100%;
	height:auto;
	border:solid 1px #707070;
}
.carousel-control-prev-icon {
	background-image: url("../image/previous.svg");
}
.carousel-control-next-icon {
	background-image: url("../image/next.svg");
}
.carousel-indicators{
	margin-bottom:0;
	bottom:-10px;
}
.carousel-indicators li{
	background-color:#202020;
	opacity:0.2;
}
section.cost li{
	font-size:18px;
	font-weight:900;
	margin-bottom:40px;
}
section.cost li span{
	border-bottom:solid 8px #233162;
	padding-left:40px;
	padding-bottom:10px;
	padding-top:10px;
	padding-right:10px;
	background-image: url("../image/light-bulb.svg");
	background-repeat:no-repeat;
	background-position:left center;
	background-size: 35px 35px;
}
section.testimonial .title{
	background-image: url("../image/quote.svg");
	background-repeat:no-repeat;
	background-position:left top;
	background-size:40px 40px;
	font-weight:900;
	font-size:20px;
	padding-left:50px;
	margin-bottom:1rem;
	min-height:40px;
}
section.testimonial .name{
	font-size:18px;
	opacity:0.6;
}
section#download button{
	display:block;
	margin:0 auto;
	width:80%;
}
section#download label.error{
	font-size:80%;
	padding-left:10px;
	color: #dc3545;
	display:block;
}
section.about iframe{
	width:100%;
}
section.about a.btn{
	border:solid 3px #DA1725;
	color:#DA1725;
	font-weight:900;
	text-align:left;
	font-size:18px;
	-webkit-transition: all .2s; /* Safari */
	transition: all .2s;
	position:relative;
	padding-left:70px;
}
section.about a.btn:before{
	content:"";
	background-image:url("../image/youtube.svg");
	display:block;
	width:60px;
	height:60px;
	background-size:cover;
	position:absolute;
	top:0px;
	left:5px;
}
section.about a.btn:hover{
	background:#DA1725;
	color:#fff;
}
section.about a.btn span{
	display:block;
	font-weight:400;
	font-size:70%;
}
footer.footer{
	background:#285984;
	color:#fff;
	padding-top:40px;
	position:relative;
}
footer.footer .container{
	position:relative;
}
footer.footer .buttons .item{
	color:#233162;
	background:#fff;
	border-radius:6px;
	padding:10px;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
footer.footer .buttons .col-6{
	margin-bottom:30px;
}
footer.footer img{
	margin-right:20px;
	width:60px;
	height:auto;
}
footer.footer .tel{
	line-height:1.3;
}
footer.footer .tel span{
	font-size:32px;
}
footer.footer .form{
	padding-top:30px;
}
footer.footer a.btn{
	background:#BA2D2D;
	color:#fff;
	padding:6px 30px;
	font-weight:900;
	font-size:18px;
	border-radius:6px;
	-webkit-transition: all .2s; /* Safari */
	transition: all .2s;
	border:solid 3px #BA2D2D;
}
footer.footer a.btn:hover{
	background:#fff;
	color:#BA2D2D;
}
footer.footer a.btn span{
	font-weight:normal;
	font-size:60%;
	display:block;
}
footer.footer .footer-bottom{
	background:#202020;
	color:#fff;
	padding:20px 0;
	font-size:14px;
}
footer.footer img.amr{
	position:absolute;
	bottom:70px;
	right:5px;
	margin-right:0;
	width:100px;
}
@media only screen and (min-width: 768px){
	h1{
		margin-top:120px;
	}
	header .tel{
		font-size:24px;
		line-height:1.2;
	}
	header .tel small{
		font-size:12px;
	}
	header a.btn{
		margin-left:30px;
	}
	#ytPlayerWrap{
		height: 40vh;
	}
	section.cta .title{
		font-size:32px;
	}
	section.cta a.btn{
		font-size:24px;
		display:inline-block;
		margin:10px 0;
		padding:10px 40px;
	}
	section.cta .p{
		font-size:24px;
	}
	section.solution{
		padding-top:40px;
	}
	section.solution .content{
		padding-left:200px;
	}
	section.cost li{
		font-size:24px;
	}
	section.cost li span{
		background-size:45px 45px;
		padding-left:50px;
	}
	footer.footer .form{
		padding-top:0px;
	}
	footer.footer img.amr{
		bottom:40px;
		right:5px;
		width:130px;
	}
}

@media only screen and (min-width: 992px){
	#ytPlayerWrap{
		height: 45vh;
	}
	h1{
		font-size:32px;
	}
	#ytPlayerWrap img.badge{
		width:120px;
	}
	#ytPlayerWrap img.amr{
		width:240px;
		margin-top:160px;
	}
	section h2{
		font-size:42px;
	}
	section.cta p{
		font-size:20px;
	}
	section.solution .content{
		padding-left:280px;
	}
	section.brands img{
		max-width:120px;
		height:auto;
		max-height:80px;
	}
	section.brands li{
		margin-bottom:0;
	}
	section#download form{
		width:80%;
		margin:0 auto;
	}
	section#download button{
		width:50%;
	}
	section.about table{
		margin-bottom:0;
	}
	section.about iframe{
		height:100%;
	}
	section.about a.btn{
		font-size:28px;
		padding-left:120px;
	}
	section.about a.btn:before{
		width:100px;
		height:100px;
		top:-10px;
	}
	footer.footer h2{
		font-size:40px;
	}
	footer.footer .buttons .item{
		font-size:18px;
	}
	footer.footer img{
		width:80px;
		height:auto;
	}
	footer.footer .tel{
		font-size:18px;
	}
	footer.footer .tel span {
		font-size: 40px;
	}
	footer.footer a.btn{
		font-size:24px;
		padding: 6px 50px;
	}
	footer.footer img.amr{
		bottom:40px;
		right:5px;
		width:150px;
	}
}

@media only screen and (min-width: 1200px){
	h1{
		font-size:40px;
	}
	section h2{
		font-size:48px;
	}
	section.cta a.btn{
		font-size:40px;
	}
	section.cta p{
		font-size:24px;
	}
	section.cta img{
		width:50px;
		height:50px;
	}
	section.solution li{
		padding-left:50px;
	}
	section.solution li b{
		font-size:38px;
	}
	section.solution li:before{
		width:40px;
		height:40px;
		top:14px;
	}
	section.testimonial .title{
		font-size:28px;
	}
	section#download form{
		width:60%;
	}
	footer.footer .buttons .item{
		font-size:20px;
		padding:20px;
	}
	footer.footer img.amr{
		bottom:40px;
		right:5px;
		width:170px;
	}
}
@media only screen and (min-width: 1400px){
	footer.footer{
		position:relative;
	}
	footer.footer:before{
		background-image:url(asset/image/amr-01.png);
		background-repeat:no-repeat;
		position:absolute;
		top:0;
		right:0;
	}
	footer.footer img.amr{
		bottom:40px;
		right:5px;
		width:200px;
	}
}
@media only screen and (min-width: 1680px){
	footer.footer img.amr{
		bottom: 30px;
		right: 40px;
		width: 230px;
	}
}
@media only screen and (min-width: 1920px){
	footer.footer img.amr{
		bottom: 30px;
		right: auto;
		left:50%;
		margin-left:600px;
	}
}