@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
font-size: 100%;
-webkit-text-size-adjust: none;
font-weight: 400;
}
html:focus-within {scroll-behavior: smooth;}
img {vertical-align: middle;max-width: 100%;flex-shrink: 0;height: auto;}
*,
::before,
::after{box-sizing:border-box;outline: none;}
a{transition:all ease 0.3s;text-decoration:none;color: var(--txt);}
a[href^="tel:"] {word-break: keep-all;}
/*==========================================================================*/
/*                               Container                                  */
/*==========================================================================*/
html{}
body{color:var(--txt);-webkit-text-size-adjust:none;min-width:320px;font-family: var(--font-main);
font-family: "メイリオ", Meiryo, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

table{width: 100%;}
table tr:last-child th,
table tr:last-child td{border-bottom: none;}
table th{background: var(--mcolor);border: 1px solid #8f8b8c;text-align: center;font-weight: bold;font-size: 16px;border-left: none;border-right: none;padding: 7px 8px;line-height: 1.5em;}
table td{color: #fff;background: #333;border:1px solid #8f8b8c;font-size: 16px;font-weight: bold;border-left: none;border-right: none;padding: 7px 8px;word-wrap: break-word;}

table.tb_fix{table-layout: fixed;}


table th.w5{width: 5%;}
table th.w10{width: 10%;}
table th.w15{width: 15%;}
table th.w20{width: 20%;}
table th.w25{width: 25%;}
table th.w30{width: 30%;}
table th.w35{width: 35%;}

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

.f_big{font-size: 150%;}
.f_sm{font-size: 80%;}
.center{text-align: center;}

:root {
  --font-main: "Noto Sans JP" ,"Noto Sans Symbols", serif; 
  --txt: #333;     
  --mcolor: #FFD100;
  --scolor: #881111; 
  --site_size: 1198px;
  --gray: #e9e9e9;
  --black: #111;
  --org: #EA6D0D;
  --red: #EA2121;
}

/*==========================================================
                M A I N    C O N T E N T
==========================================================*/

.topic{color: #333; background: #FFD100;width: calc(100% - 30px);max-width: 600px;margin: auto; padding: 20px 0;font-size: 1.25em;font-weight: bold;display: flex;justify-content: center;}

/* BUTTON */
.btn{display: flex;justify-content: center;}
.btn a{background: var(--mcolor);color: var(--black);font-size: 18px;font-weight: bold;min-width: 304px;height: 58px;display: flex;align-items: center;justify-content: center;text-align: center;margin-left: auto;margin-right: auto;padding: 0 40px;width: auto;}
.btn_big a{min-width: 404px;}

main{min-width: 1230px;overflow:hidden;margin:0 auto;background:#111;padding-bottom: 50px;}
main p{color: #fff;}
main a:hover img{background: none;opacity: 1;}
.inner{width: var(--site_size);margin:0 auto;position:relative;max-width: 100%;padding: 0 15px;}


/*==================== ALL ===================*/
.head_logo{background: var(--mcolor);text-align: center;padding: 40px 0;}

.mv{background: url('../images/mv_bg.jpg') center /contain repeat-x;padding: 38px 0 44px;margin-bottom: 60px;}


/*==================== SZK LIST ===================*/
.suzukid_list{margin: 40px 0 61px;}
.suzukid_list ul{display: flex;flex-wrap: wrap;}
.suzukid_list ul li{width: 220px;height: 165px;border-radius: 8px;overflow: hidden;margin:0 16px 20px 0;}
.suzukid_list ul li a{display: flex;align-items: center;justify-content: center;text-align: center;align-items: center;flex-direction: column;color: #fff;font-size: 12px;font-weight: bold;width:100%;height: 100%;background: url('../images/suzukid_list_bg.jpg') center /cover no-repeat;padding:0 0 5px 7px;}
.suzukid_list ul li a span{margin-top: 11px;display: block;}

/*==================== SZK ITEM ===================*/
.suzukid_item:not(:last-child){margin-bottom: 100px;}
.suzukid_item .ttl{width: 800px;height: 81px;background: #fff;position: relative;display: flex;margin:0 auto 40px;}
.suzukid_item .ttl p{margin-bottom: 0;}
.suzukid_item .ttl .icon{width: 81px;height: 81px;display: flex;align-items: center;justify-content: center;text-align: center;flex-shrink: 0;background: var(--scolor);}
.suzukid_item .ttl .name{flex-grow: 1;text-align: center;font-size: 32px;font-weight: bold;display: flex;align-items: center;justify-content: center;height: 100%;padding-left: 13px;color: #111;}

.szk_slider{height: 450px;overflow: hidden;}
.szk_slider.slick-initialized{height: auto;overflow: inherit;}
.szk_slider p{margin:0 16px;cursor: pointer;}
.szk_slider_txt{width: 800px;max-width: 100%;margin:40px auto 39px}
.szk_slider_txt p{font-weight: 500;line-height: 1.5em;font-size: 18px;}

.szk_anchor{margin-bottom: 30px;}
.szk_anchor ul{display: flex;flex-wrap: wrap;}
.szk_anchor ul li{width: 378px;height: 68px;background: var(--mcolor);margin:0 17px 16px 0;position: relative;display: flex;padding: 8px;align-items:center;}
.szk_anchor ul li a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.szk_anchor ul li p{margin-bottom: 0;color: #333;}
.szk_anchor ul li .img{flex-shrink: 0;width: 80px;margin-right: 16px;}
.szk_anchor ul li .txt{font-weight: bold;}
.szk_anchor ul li .txt span{display: block;line-height: 1em;}
.szk_anchor ul li .txt .en{font-size: 14px;margin-bottom: 6px;}
.szk_anchor ul li .txt .name{font-size: 20px;}

.szk_anchor.f_center ul{justify-content: center;}

/* SUZUKID PRODUCT */
.szk_list_prd:not(:last-child){margin-bottom: 70px;}
.szk_product:not(:last-child){margin-bottom: 70px;}
.szk_product .link{margin: 0 0 20px;}
.szk_product .link:last-child{margin: 0 0 0;}
.szk_product .link a{width: 569px;height: 48px;background: var(--org);border-radius: 999px;margin-left: auto;margin-right: auto;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 16px;font-weight: bold;color: #fff;}
.szk_product .link a img{display: inline-block;margin-left: 6px;}

.prd_ttl{text-align: center;margin-bottom: 20px;}
.prd_ttl .en{margin-bottom: 10px;font-weight: bold;font-size: 20px;color: #ccc;}
.prd_ttl .ja{font-weight: bold;font-size: 30px;}

.prd_tags{margin: 0 auto 12px;}
.prd_tags ul{text-align: center;display: flex;justify-content: center;flex-wrap: wrap;}
.prd_tags li{margin: 0 8px 8px 0;border-radius: 9999px;background: #fff;display: inline-block;font-size: 16px;font-weight: bold;padding: 12px 16px;}
.prd_tags li:last-child{margin-right: 0;}

.prd_content{display: flex;justify-content: space-between;margin-bottom: 50px;}
.prd_img{flex-shrink: 0;width: 568px;margin-right: 32px;}
.prd_des{flex-grow: 1;}
.prd_des .txt{}
.prd_des .txt p{font-size: 16px;line-height: 1.6875em;font-weight: 500;}
.prd_des .txt table {margin-top: 12px;}
.prd_des .txt table th{font-size: 14px;width: 132px;}
.prd_des .txt table td{font-size: 12px;}

/* SUZUKID COMPARE TABLE */
.szk_compare{margin-bottom: 40px;}
.tb_sticky{max-width: 1168px;height: auto;overflow: hidden;position: relative;padding-left: 150px;}

.tb_sticky .tb_left{width: 150px;position: absolute;top: 0;left: 0;}
.tb_sticky .tb_left .tb_row{color: #111;}
/* .tb_sticky .tb_right{width: 100%;background: #333333;height: 546px;overflow-x: auto;overflow-y: hidden;} */
.tb_sticky .tb_right{width: 100%;background: #333333;height: auto}
.tb_sticky .tb_right_ct{display: flex;}
.tb_sticky .tb_right_item{width: 220px;}
.tb_sticky.g2 .tb_right_item{width: 510px;}
.tb_sticky.g3 .tb_right_item{width: 340px;}
.tb_sticky.g4 .tb_right_item{width: 270px;}
.tb_sticky .tb_right_item p{background: none;}
.tb_sticky .tb_right_item .button{}
.tb_sticky .tb_right_item .button a{font-size: 12px;color: #fff;background: var(--org);width: 188px;height: 33px;border-radius: 999px;display: flex;align-items: center;justify-content: center;text-align: center;margin-left: auto;margin-right: auto;}
.tb_sticky .tb_right_item .button a::after{width: 5px;height: 9px;display: inline-block;content: '';background: url('../images/ic_button.png') center /cover no-repeat;margin-left: 5px;position: relative;}

.tb_sticky .tb_row{border-top: 1px solid #fff;background: var(--mcolor);text-align: center;font-size: 16px;font-weight: bold;height: 61px;display: flex;align-items: center;justify-content: center;text-align: center;font-weight: bold;line-height: 1.35em;}
.tb_sticky .row2{height: 150px;}
.tb_sticky .row6{height:91px;line-height: 1.875em;}
.tb_sticky .row7{height: 70px;padding: 0 0 10px;}

.szk_it6 .tb_sticky .tb_right{height: auto;}
.szk_it7 .tb_sticky .tb_right{height: auto;}
.szk_it7 .tb_sticky .tb_right_ct{width: 2160px}
.szk_it8 .tb_sticky .tb_right{height: auto;}
.szk_it8 .tb_sticky .tb_right_ct{width: 1320px;}

/* TABLE WIDTH */
.szk_it1 .tb_right_ct{
  width: 1320px;
}
.szk_it2 .tb_right_ct{
  width: 1100px;
}

/* SUZUKID TABLE */
.szk_tab{margin-top: 40px;}
.szk_tab_btn{text-align: center;display: flex;justify-content: center;flex-wrap: wrap;}
.szk_tab_btn li{margin: 0 15px 15px 0;min-width: 224px;max-width: 100%;}
.szk_tab_btn li a{background: #fff;display: inline-block;font-size: 20px;font-weight: bold;padding: 20px 16px 21px;width: 100%;border-radius: 9999px;}
.szk_tab_btn li:last-child{margin-right: 0;}

.szk_tab_content{margin-top: 57px;}
.szk_tab_ttl{font-size: 30px;font-weight: bold;text-align: center;position: relative;padding-bottom: 27px;margin-bottom: 40px;}
.szk_tab_ttl::before{background: #fff;height: 3px;width: 290px;position: absolute;bottom: -1px;left: calc(50% - 145px);content: '';}

.szk_tab_content table{}
.szk_tab_content table th{background: #666;border:1px solid #fff;color:#fff;padding: 15px 5px;font-size: 14px;}
.szk_tab_content table td{background: #333;border:1px solid #fff;color:#fff;font-weight: 500;line-height: 1.5em;padding: 15px 5px;font-size: 14px;}
/*.szk_tab_content table th.ver{-webkit-writing-mode: vertical-rl;-moz-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;-webkit-text-orientation: upright;-moz-text-orientation: upright;-ms-text-orientation: upright;text-orientation: upright;}*/

.szk_tab_content table td:has(.table-link) {
  padding: 0;
}


.szk_tab_content table tr:last-child th,
.szk_tab_content table tr:last-child td{border-bottom: 1px solid #fff;}


.table-link {
  width: 100%;
  height: 100%;
  display: block;
  color: rgba(102,187,255,1.0);
  text-decoration: underline;
  transition: 0.25s;
  padding: 15px 5px
}
.table-link:hover {
  color: rgba(102,187,255,0.75);
}

@media screen and (max-width:767px) {
  .table-link {
    padding: 4px 2px;
  }
}