@charset "UTF-8";
*{
 margin: 0;
 padding: 0;
 }
li{
	list-style-type: none;
	margin-left: auto;
	margin-right: auto;
}
.whitebox{
	background-color: #FFFFFF;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 180%;
	margin-top: 9px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 20px;
}
.hondasensing {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	font-size: 180%;
	font-weight: lighter;
	line-height: 1.2em;
	padding-bottom: 5px;
	padding-top: 5px;
	letter-spacing: 0.05em;
	text-align: justify;
}
.hondared  {
	color: #FF0004;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0px;
}
.hondaredbold  {
	color: #FF0004;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0px;
}
.caution {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-weight: lighter;
	color: #FFFFFF;
	line-height: 1.4em;
	letter-spacing: 0.1em;
	text-align: justify;
}
.cautionA {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	line-height: 1.3em;
	font-size: 150%;
	font-weight: lighter;
	text-align: justify;
}
.yellowbox{
	background-color: #FFF1AC;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-weight: bold;
	font-size: 150%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
    border-radius: 20px;
}
@media screen and (max-width: 414px){
.whitebox{
	background-color: #FFFFFF;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 120%;
	margin-bottom: 10px;
	margin-bottom: 2%;
	margin-top: 3%;;
	margin-top: 9px;
	border-radius: 20px;
}
.yellowbox{
	background-color: #FFF1AC;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;
}
.cautionA {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	line-height: 1.3em;
	font-size: 110%;
	font-weight: lighter;
	text-align: justify;
}
.hondasensing {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	font-size: 122%;
	font-weight: lighter;
	line-height: 1.2em;
	padding-bottom: 0.5%;
	padding-top: 0.5%;
	letter-spacing: 0.05em;
	text-align: justify;
}
.caution {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-weight: lighter;
	color: #FFFFFF;
	line-height: 1.1em;
	text-align: justify;
}
}
@media screen and (max-width: 320px){
.whitebox{
	background-color: #FFFFFF;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 100%;
	padding-top: 5px;
	margin-bottom: 2%;
	margin-top: 3%;
	border-radius: 20px;
}
.yellowbox{
	background-color: #FFF1AC;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-weight: bold;
	font-size: 60%;
	margin-bottom: 2%;
	margin-top: 2%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;
}
}
.keicaution {
	width: 90%;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 2%;
	margin-top: 2%;
	padding-bottom: 3px;
	padding-top: 3px;
	letter-spacing: 3px;
	color: #626262;
	font-weight: bold;
	font-size: 120%;
}
.coutori {
	color: #FF0004;
	background-color: #FFFFFF;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2%;
	margin-top: 2%;
	font-size: 80%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	letter-spacing: 0.02em;
}
@media screen and (min-width: 769px){
.coutori {
	color: #FF0004;
	background-color: #FFFFFF;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2%;
	margin-top: 2%;
	font-size: 160%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	letter-spacing: 0.02em;
}
}
.stylecaution{
	width: 100%;
	background-color: #002C69;
	padding-top: 15px;
	padding-bottom: 15px;
}
.otoiawase{
	background-color: #FFFFFF;
	box-shadow: 7px 7px 11px #c4c4c4;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 35px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 45px;
	margin-top: 25px;
	width: 60%;
	padding-left: 4px;
	padding-right: 4px;
}
.otoiawase:hover {
	background-color: #E9F5FA;
}
.otoiawase img{
	max-width: 98%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.stylefooter{
	width: 100%;
	background-color: #E6E6E5;
	padding-top: 26px;
	padding-bottom: 45px;
	margin-top: 10px;
	text-align: center;
}
.stylefooter img{
	width: 50%;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-top: 10px;
	text-align: center;
}
a {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
/*画像拡大*/
.moimg1 {
	overflow: hidden;
}
.moimg1 img {
	display: block;
	transition: 0.5s;
}
.moimg1 img:hover {
	transform: scale(1.03, 1.04);
}
.moimg5 {
/*	overflow: hidden;*/
}
.moimg5 img {
	display: block;
	transition: 0.5s;
}
.moimg5 img:hover {
	transform: scale(0.98, 0.98);
}