@charset 'utf-8';

/* clearfix */
.clearfix:after{
	display:block;
	visibility:hidden;
	clear:both;
	width:0;
	height:0;
	content:".";
}
.clearfix {
	zoom:1;
}

html,body{
	margin:0;
	padding:0;
	line-height:1.5em;
}
table {
    font-size:inherit;
    font:100%;
}

h1,h2,h3,h4,h5,h6,h7{
	margin: 0;
	padding: 0;
}

body {
    font-family: "HondaGlobalFontJP-Regular", sans-serif;
    font-weight: normal;
    font-feature-settings: "palt";
}

.text10 { font-size:77%; }
.text10r { font-size:77%; color:#FF0000; }
.text11 { font-size:85%; }
.text11r { font-size:85%; color:#F00;}
.text12 { font-size:93%; }
.text12r { font-size:93%; color:#F00;}
.text13 { font-size:100%; }
.text13r { font-size:100%; color:#F00;}
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text15bor { font-size:116%; font-weight:bold; color:#F00;}
.text16 { font-size:123.1%; }
.text16bo { font-size:123.1%; font-weight:bold; color:#FF9900;}
.text16bor { font-size:123.1%; font-weight:bold; color:#F00;}
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text18bor { font-size:138.5%; font-weight:bold; color:#F00;}

.fc-r{
	color:#cd120b;
}
.fc-wh{
	color:#ffffff;
}
.fw-b{
	font-weight:bold;
}
ul {
	margin:0;
	padding:0;
	list-style:none;
}

.mt05 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }

.mb05 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }

.pt05 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }

.pb05 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }





#om_container img {
	border:none;
}
 a{
	color:#06F;
}

 a:hover{
	color:#F00;
}

.clear-r{
	clear:right;
	margin:10px 0 0 0;
}
.clear-l{
	clear:left;
	margin:10px 0 0 0;
}

.clear-l2{
	clear:left;
	margin:40px 0 0 0;
}

.fltWrap {overflow:hidden;}
.fltLeft {float:left;}
.fltRight {float:right;}

a:hover { text-decoration:none; }


.pcHideSlider {
	display: none !important;
}


@media screen and (max-width:736px){
	.pcHideSlider {
	display: inline !important;
	}
	.spHideSlider {
	display: none !important;
	}
	
	}

@media screen and (max-width:568px){
	.pcHide{
	display: block;
	}
	}

.car-link {
    text-align: center;
    margin: 40px 0 50px;
    clear: both;
}

.car-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;           /* テキスト全体を中央に */
    padding: 14px 50px;                /* 元の大きさをほぼ維持 */
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    background-color: #002D62;
    border: 3px solid #002D62;
    border-radius: 10px;               /* 元の形を維持 */
    text-decoration: none;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    min-width: 260px;
    position: relative;                /* 矢印の位置調整用 */
}

.car-btn:hover {
    background-color: #ffffff;
    color: #002D62;
}
.car-btn .arrow {
    position: absolute;
    right: 25px;                       /* 右端から25px離す（調整可能） */
    font-size: 20px;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
}

.car-btn:hover {
    background-color: #ffffff;
    color: #002D62;
}

.car-btn:hover .arrow {
    color: #002D62;
}