@charset "utf-8";
/* トップ画像 */
main::before {
    content: '';
    display: block;
    width: 100%; height: 0; margin: 0 0 150px; padding: 47% 0 0;
    background: url("../img/top.webp") no-repeat;
    background-size: 100% auto;}

/* section 共通 */
section:not(:first-child) { max-width: 1200px; margin: 150px auto 0; padding: 0 20px;}

@media screen and (max-width:699px){
    main::before { margin: 0 0 80px;}
    
    /* section 共通 */
    section:not(:first-child) {margin-top: 80px;}
}

/**============================================================================================**/

/**============================================================================================**/
/* サンストリームとは */
#about .dis-tbl_tab { width: 100%;}
#about .dis-tbl_tab > * { display: table-cell; padding: 15px; vertical-align: middle;}

#about .dis-tbl_tab p { margin: 0 0 20px;}

@media screen and (max-width:1099px){
    #about p { margin-bottom: 10px; font-size: 14px;}
}

@media screen and (max-width:699px){
    #about .dis-tbl_tab,
    #about .dis-tbl_tab > * { display: block;}
    
    #about .dis-tbl_tab p { margin: 0; line-height: 1.8em;}
}

/**============================================================================================**/
/* 製品 */
/**============================================================================================**/
 /* 表 */
#product div {overflow: auto; white-space: nowrap;}

 /* スクロールバー */
#product div::-webkit-scrollbar{ width: 1px;}
#product div::-webkit-scrollbar-thumb{ background: #999; border-radius: 10px;}
#product div::-webkit-scrollbar-track-piece:start{ background: #DDD;}
#product div::-webkit-scrollbar-track-piece:end{ background: #DDD;}

#product table {
    box-sizing: border-box; max-width: 1200px; margin: 0 0 30px;
    border: solid 1px #666; border-spacing: 0;}

#product table th {
    padding: 10px; 
    border: solid 1px #666; background: #888; 
    color: #FFF;}
    
#product table td { padding: 10px; border: solid 1px #666;}
#product table td:first-child { background: #888; color: #FFF; font-weight: 600;}
#product table tr:nth-child(odd) { background: #EEE;}
#product table tr:nth-child(even) { background: #FFF;}


@media screen and (max-width:1170px){
     /* 表 */
    #product div { margin: 0 15px;}
}

/**============================================================================================**/
/* ギャラリー */
/**============================================================================================**/
/* 動画 */
#gallery .dis-ilblk { box-sizing: border-box; width: 49%; max-width: 600px; vertical-align: middle;}
#gallery .posi-rlt { padding: 88.5% 0 0;}
#gallery .posi-rlt iframe {
    display: block; position: absolute; top: 0; left: 0; 
    width: 100%; height: 100%;}

 /* 画像3列*/
#gallery .dis-ilblk:last-child a:first-child img,
#gallery .dis-ilblk:last-child a:nth-child(2) img,
#gallery .dis-ilblk:last-child a:nth-child(3) img { box-sizing: border-box; width: 32%; max-width: 185px; height: auto;}
 /* 画像2列 */
#gallery .dis-ilblk:last-child a:nth-child(4) img,
#gallery .dis-ilblk:last-child a:nth-child(5) img,
#gallery .dis-ilblk:last-child a:nth-child(6) img,
#gallery .dis-ilblk:last-child a:last-child img { box-sizing: border-box; width: 49%; max-width: 280px; height: auto;}

@media screen and (max-width:699px){
    #gallery .dis-ilblk{
        display: block; 
        width: 100%; max-width: none; padding: 0 15px; margin-bottom: 20px;}
}


/* LastUp2026.02.18_kimata */