@charset "utf-8";
*,*::before,*::after{box-sizing:border-box;}
html,body,div,p,figure,img,a{margin:0;padding:0;}
img{max-width:100%;height:auto;vertical-align:middle;}
body{font-family:"HondaGlobalFontJP-Regular",sans-serif;line-height:1.5;font-feature-settings:"palt";}
a{text-decoration:none;color:#333;}

.secinner{max-width:1000px;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box;}
@media(max-width:736px){.secinner{padding:0 10px;}}

#about_wrap .flex.wrap{display:flex;flex-wrap:wrap;margin:0 -10px;}
#about_wrap .w_30{width:calc(33.333% - 20px);margin:0 10px 30px;box-sizing:border-box;}
@media(max-width:736px){
  #about_wrap .w_30{width:100% !important;margin:0 0 30px !important;}
}

.flex{display:flex;justify-content:space-between;}
.flex.start{justify-content:flex-start;}
.flex.middle{align-items:center;}
.block_sp{display:block;}

.w240{min-width:240px;}
.w_680{max-width:680px;width:100%;margin:0 auto;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt50{margin-top:50px;}
.mb5{margin-bottom:5px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mr15{margin-right:15px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
@media(max-width:736px){
  .mt35{margin-top:16px !important;}
  .pt25{padding-top:5px !important;}
}

.font14{font-size:14px;}
.font15{font-size:15px;}
.font20{font-size:20px;line-height: 1.4;}
.font24{font-size:24px;line-height: 1.4;}
.bold{font-weight:bold;}
.c_red01{color:#cc0000;}
.nowrap{white-space:nowrap;}
.kl{letter-spacing:-0.5px;}
@media(max-width:736px){
  .font20,.font24{font-size:16px;}
  .font14,.font15{font-size:13px;}
}

.title div{background:#cc0000;color:#fff;padding:8px 0;text-align:center;}
.title.rounded div{border-radius:50px;}
.title.corner div{border-radius:0;}
.bg_gray02{background:#eeefef;}
.button01{display:block;margin:50px auto 0;background:#ab0002;border:15px solid #e60012;color:#fff;font-size:28px;font-weight:bold;text-align:center;padding:20px;letter-spacing:4px;transition:.3s;line-height: 1.7;}
.button01:hover{border-color:#9c0002;}
@media(max-width:736px){
  .button01{margin-top:30px;font-size:16px;padding:12px 8px;border-width:8px;letter-spacing:normal;}
}

.pc{display:block;}
.sp{display:none;}
@media(max-width:736px){.pc{display:none;}.sp{display:block;}}

.readwrap{padding:18px 0;width:100%;text-align:center;}
.readwrap span{color:#0416E0;}
.mainvisual img{width:100%;}

@media(max-width:736px){
  #about_wrap .detail_wrap{padding:0 20px;margin-bottom:35px;}
  #about_wrap .detail_wrap:last-child{margin-bottom:0;}
}

.bike_list{padding:20px 0;}
.bike_cat{margin-bottom:16px;}
.bike_cat:last-child{margin-bottom:0;}
.cat_title{font-size:16px;font-weight:bold;margin-bottom:8px;color:#333;}
@media(max-width:736px){.cat_title{font-size:15px;}}
.models span{display:inline-block;position:relative;padding-left:20px;margin:0 20px 14px 0;font-size:15px;}
.models span::before{content:"■";color:#cc0000;position:absolute;left:0;font-weight:bold;}
@media(max-width:736px){
  .models span{margin:0 16px 14px 0;padding-left:18px;font-size:14.5px;}
}

#detail_wrap .flex{margin-bottom:20px;}
#detail_wrap .flex:last-child{margin-bottom:0;}

#detail_wrap .read > .flex + .flex{margin-top:10px;}
@media(max-width:736px){
  #detail_wrap .read > .flex + .flex{margin-top:12px;}
}

#detail_wrap .title{margin-right:25px !important;}
#detail_wrap .read{padding-top:6px;}
@media(max-width:736px){
  #detail_wrap .title{margin-right:0 !important;margin-bottom:12px;}
  #detail_wrap .read{padding-top:0;}
}