@charset "UTF-8";

header { width:100%; padding:20px 20px 10px 20px; }

.container { padding:0 10px 0 10px; }

#logo { padding-top:0px; width:90%; }
#logo img { width:90%; }

section#copyright { padding:0 20px 0px; }

.spmenu { display:block; font-size:85%; }
#pcmenu { display:none; }
.pconly { display:none; }

#main-image { height:auto; }

#second-title { width:auto; height:auto; background:none; position: static; color:#fff; font-size:140%; font-weight:bold; padding:20px 0 0 20px; }
#second-title span { font-weight:300; font-size:65%; margin-left:15px; }


.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}


a.cp_btn { width:100%; }


#banner { display:flex; justify-content:space-between; flex-wrap: wrap; }

#banner div { width: calc(50% - 10px); margin: 5px auto; }



.logo img { width:100%; margin-top: 20px; }

.news-wrapper { float:none; width:100%; }
.banner-wrapper { float:none; width:100%; }

.flex{ flex-wrap: wrap; justify-content: flex-start; }
.index-product div { width:100%; padding:10px; }
.index-ir div { width:100%; padding:10px; margin: 10px auto; }

.footer { float:none; text-align:center; }
.footer-link { float:none; text-align:center; }

.company-name { font-size:120%; }

#breadcrumbs { margin-top:20px; text-align:center; font-size:65%; }

.product-title-a { font-size:140%; }
.product-title-b { font-size:100%; }

.box2 div { display:block; width:100%; }

.hinmoku { display:block; width:100%; }
.box2-spec { display:block; width:100%; }

#breadcrumbs { padding:0; }




.product-top div { float:none; width:100%; font-size:120%; }
.product-category  { width:49%; }
.product-title-a { text-align:center; }

.box2 div.box_photo { width:50%; }
.box2 div.box_photo_3 { width:50%; }
.box2 div.box_photo_4 { width:20%; }
.box2 div.box_photo_5 { width:50%; }
.box2 div.box_photo_6 { width:50%; }

table.normal th { width: auto !important; display: block; padding: 10px; border-bottom: none; text-align:center; }
table.normal td { width: auto !important; display: block; padding: 10px; overflow: hidden; }

.con div img { display:block; width:60%; max-height: none; margin: 0 auto;}

.con-5 div { display:inline-block; width:100%; margin:0 0.6% 10px; text-align: center; vertical-align: top; font-size: 75%; line-height: 140%; }
.con-4 div { display:inline-block; width:100%; margin:0 0.6% 10px; text-align: center; vertical-align: top; font-size: 75%; line-height: 140%; }
.con-3 div { display:inline-block; width:100%; margin:0 0.6% 10px; text-align: center; vertical-align: top; font-size: 75%; line-height: 140%; }


.product-banner div { width:100%; display: block; }
.product-banner div img { width: 100%; }

.box-image p { width: 50%; float: left; display: inline-block; text-align: center; padding: 20px; }
.box-image p img { width: 100%; display; block; }

.tech-text img { width: 100%; }
.tech-text-2 img { float: none; width: 100%; padding: 0; }

.tech-text-3 { width: 100%; }

.news-wrapper .product { margin:10px; }
.news-wrapper .topics { margin:10px; }
.news-wrapper .ir { margin:10px; }
.news-wrapper .date { margin: 10px 0 10px 0px; }
.news-wrapper .link-text { margin: 0 0 20px 10px; width: 90%; }