@charset "utf-8";
/* CSS Document */

/* pc */
/*ここにpc用スタイルを記述*/

h2.subheading{
  background:url(../gif/bg_h2.gif) repeat-x bottom;
  padding:10px 5px;
  margin:20px 0 5px 0;
  font-size:18px;
  font-weight:bold;
}
h4{
  border-left:#DDD 4px solid;
  font-size:124%;
  font-weight:bold;
  padding:5px 0 5px 15px;
  margin:10px 0;
}

p{margin:0 0 10px 0;}
p.operations{ font-size:16px; font-weight:bold;}


.flo_l{float:left; margin-right:15px;}
.flo_r{float:right; margin-left:15px;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}

#content_box{width: 74%; float: right; margin: 0 0 30px;}
.content_link_box{padding: 20px 0;}

.special_content_box{
  border:4px solid #DDD;
  padding:10px 20px;
  margin:37px 0 0;
}

.special_content_2l{float:left; width:48%;}
.special_content_2r{float:right; width:48%;}

.special_content_box h3{
  border-left:4px solid #00568E;
  padding:0px 10px;
  margin:0 0 10px;
  font-size:16px;
  line-height:1.3;
  color:#00558D;
  font-weight: bold;
}


/************* トップメッセージ（PC） *********************************/
.signature{text-align: right; margin: 20px 0 0;} 
.message_catch{font-size: 18px; font-weight: bold; margin: 20px 0;}
.message_photo{float: right; margin: 0 0 15px 20px;}

/************* 早わかり信越シリコーン（PC） *********************************/
h3.glance_headline{font-size: 14px; font-weight: bold; color: #333; padding: 0 0 0 8px; border-left: 4px solid #0096AE; margin: 7px 0; line-height: 1em;}
.glance_box_l{width: 48%; display: block; float: left; margin: 40px 4% 0 0;}
.glance_box_r{width: 48%; display: block; float: right; margin: 40px 0 0;}
.glance_box_3l{width: 32.33%; display: block; float: left; margin: 40px 1.5% 0 0;}
.glance_box_3m{width: 32.33%; display: block; float: left; margin: 40px 1.5% 0 0;}
.glance_box_3r{width: 32.33%; display: block; float: right; margin: 40px 0 0 0;}
.glance_box_l img,
.glance_box_r img{width:100%; max-width:360px;  height: auto;}
.glance_box_3l img,
.glance_box_3m img,
.glance_box_3r img{width:100%; max-width:237px;  height: auto;}

.sp_block{display: none;}
.pc_block{display:block;}

/************* 事業概要（PC） *********************************/
.link_box{
  border:1px solid #CCC;
  margin-top:40px;
}

.link_box p.link_title{
  padding:5px;
  background:#F5F5F5;
  font-weight:bold;
}

.link_box ul{
  margin:10px;
  list-style:none;
}

.link_box ul li{
  background:url(../gif/link_arrow.gif) no-repeat 0 8px;
  padding:5px 0 0 20px;
  line-height:1.35;
}

/************* 沿革（PC） *********************************/
.banner_box{text-align: right;}

dl.history{
  margin:20px 0 20px;
  border-bottom:#00568E dotted 1px;
}

dl.history dt{
  width:60px;
  float:left;
  padding:5px 10px;
  font-weight:bold;
  color:#666;
  border-top:#00568E dotted 1px;
}

dl.history dd{
  padding:5px 15px;
  margin-left:80px;
  border-top:#00568E dotted 1px;
  border-left:3px solid #CCC;
}

/************* ビデオ（PC） *********************************/
.video_box{margin: 20px auto;}
.video_box .video{position: relative; padding-bottom: 56.25%;}
.video_box .video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/************* 取扱製品（PC） *********************************/
ul.business_list{list-style: none; width: 100%; margin: 20px 0;}
ul.business_list li{width: 33.33%; display: block; float: left; margin: 0 0 15px;}
ul.business_list li img{width:97%;height: auto;}

/************* 事業活動（PC） *********************************/
h3#plants{margin:30px 0 -20px; border-left:#00568E 4px solid; padding:0 15px; font-size:18px; font-weight: bold;}
h2.aboutus_headline{
  background:url(../gif/bg_headline_responsive.gif) no-repeat;
  border-right: 1px solid #EDEDED;
  height:34px;
  font-size: 16px;
  font-weight:bold;
  color:#333;
  padding:0 0 0 20px;
  line-height:28px;
  margin:50px 0 15px;
  clear:both;
}
h2.aboutus_headline span{
  font-size:14px;
  color:#777;
  padding:0 10px;
  font-family: Verdana, Geneva, sans-serif;
}

ul.operation_photo{list-style: none; width: 98%; margin-left: 2%;}
ul.operation_photo li{display: block; width: 31.33%; float: left; text-align: center; margin:0 2% 15px 0;}
ul.operation_photo li img{width: 100%; height: auto;}

.plants_photo{width: 96%; margin: 0 auto;}
img#gunma{float: left; margin-right: 20px; width: 63.5%; height: auto;}
.plants1{float: left; margin: 0 15px 0 0;}
.plants2{float:right; text-align: center; line-height: 1.3; width: 32%;}
.plants2 img{width:100%; height: auto;}
.sub_txt{font-size: 11px;}
.shinkohmold_photo{float: left; text-align: center; width: 208px; margin-right: 15px; font-size: 12px; line-height: 1.4;}
.shinkohmold_photo img{width:100%; height: auto;}
.shinkohmold_txt{padding-top: 148px;}

table.aboutus_table{
  width:100%;
  border-left:#CCC 1px solid;
  border-bottom:#CCC 1px solid;
  padding:0;
  margin:0;
  border-collapse:collapse;
  border-spacing:0;
  font-size: 12px;
}

table.aboutus_table th{
  padding:5px;
  text-align:center;
  font-weight:bold;
  border-top:#CCC 1px solid;
  border-right:#CCC 1px solid;
  background:#F5F5F5;
}

table.aboutus_table td{
  padding:5px;
  vertical-align:top;
  text-align:left;
  border-top:#CCC 1px solid;
  border-right:#CCC 1px solid;
}
.scroll{overflow: auto;}
.scroll::-webkit-scrollbar{height: 5px;}
.scroll::-webkit-scrollbar-track{ background: #F1F1F1;}
.scroll::-webkit-scrollbar-thumb { background: #BCBCBC;}

h3.top_message_header{
  border-top:#D6E4ED 4px solid;
  border-left:#D6E4ED 4px solid;
  border-right:#D6E4ED 4px solid;
  background-color:#EBF1F5;
  padding:10px;
  margin:20px 0 0;
}

.top_message_txtbox{
  border:#D6E4ED 4px solid;
  padding:0 50px 15px;
}

.interviewer{
  color:#00568E;
  margin:20px 0 10px;
}

.profile{float: right;}

/************* 海外展開（PC） *********************************/
dl.address{margin:0 0 15px; border-bottom:#CCC dotted 1px;}
dl.address dt{width:80px; float:left; padding:2px 10px; border-top:#CCC dotted 1px; }
dl.address dd{padding:2px 0; border-top:#CCC dotted 1px; margin: 0 0 0 100px;}

/************* 製品広告（PC） *********************************/
.add_img{float:left; width:180px; margin:0 15px 0 0; text-align:center;}

/************* 関連リンク（PC） *********************************/
dl#links{ margin:20px 0;}
dl#links dt{width:250px; float:left; padding:10px 0 10px 20px; font-weight:bold; background:url(../gif/arrow-2.gif) no-repeat 0 50%;}
dl#links dd{padding:10px; border-bottom:#CCC dotted 1px;}

/************* カタログ（PC） *********************************/
#catalog_list>ul{list-style:none; width:100%; margin:0 0 20px;}
#catalog_list>ul>li{width:100%; height:auto;}
#catalog_list>ul>li>a{display:block; padding:8px 0 8px 50px; margin:0; font-size:14px; line-height:1.5em; background: url(../png/pdficon.png) no-repeat 20px 12px; border-bottom: 1px dotted #CCC;}
#catalog_list>ul>li>a:hover{text-decoration:none; background:url(../png/pdficon.png) no-repeat 20px 12px #F4F4F4;}
#catalog_list>ul>li>a:before,#catalog_list>ul>li>a:after{content: " "; display: table;}
#catalog_list>ul>li>a:after{clear: both;}
#catalog_list>ul>li>a>div.catalog_title{width: 80%; display: inline-block; float: left; }
#catalog_list>ul>li>a>span.filesize{width:18%; display: inline-block; float: left; margin-right: 5px; text-align: right; }

/*************** サイドメニュー（PC） *********************************/

/*階層1*/

#sidemenu_box{
  width:23%;
  margin:0 3% 30px 0;
  padding:0;
  float:left;
}

.sidemenu,
.sidemenu_sub,
.sidemenu_sub_sub{
  list-style:none;
}

.sidemenu{
  padding-bottom:10px;
  background:url(../gif/bg_shadow.gif) repeat-x bottom;
}

li.main{
  font-size:14px;
  font-weight:bold;
  border-top:1px solid #DDD;
  border-left:1px solid #DDD;
  border-right:1px solid #DDD;
}

li.main a{
  display:block;
  width:94%;
  padding:7px 3%;
  color:#333;
}

li.main a:hover,
li.main a:focus{
  display:block;
  width:94%;
  padding:7px 3%;
  color:#FFF;
  text-decoration:none;
  background:#0096AE;
}

/*カレント表示*/

#aboutus a#main_info{
  display:block;
  width:94%;
  padding:7px 3%;
  color:#FFF;
  text-decoration:none;
  background:#0096AE;
}

/*階層2*/

.sidemenu_sub li{
  border-top:1px solid #DDD;
  font-size:12px;
  line-height:1.5;
}

.sidemenu_sub li a{
  background:url(../gif/arrow_blue.gif) no-repeat 5px 13px;
  display:block;
  width:88%;
  padding:7px 3% 7px 9%;
  font-weight:normal;
}

.sidemenu_sub li a:hover,
.sidemenu_sub li a:focus{
  background:url(../gif/arrow_blue.gif) no-repeat 5px 13px;
  display:block;
  width:88%;
  padding:7px 3% 7px 9%;
  font-weight:normal;
  color:#00778C;
}

.sidemenu_sub li a.active{
  background:url(../gif/arrow_blue.gif) no-repeat 5px 13px;
  display:block;
  width:88%;
  padding:7px 3% 7px 9%;
  font-weight:bold;
  color:#00778C;
}


/* smartPhone */
@media screen and (max-width: 768px) {
/*ここにスマホ用スタイルを記述*/
body{font-size: 12px;}
h2.subheading{ margin:15px 0 5px 0; font-size:16px; font-weight:bold;}


#content_box{width: 100%; float:none;}
.content_link_box{padding: 10px 0;}
.special_content_box{margin:15px 0 0;}
.special_content_box h3{font-size:14px;}

p.operations{ font-size:14px;}


/************* トップメッセージ（SP） *********************************/
.message_catch img{width: 100%; height: auto; max-width: 360px;}
.message_photo{ margin: 0 0 10px 15px; width: 50%; max-width: 200px;}
.message_photo img{width: 100%; height: auto;}

/************* 取扱製品（SP） *********************************/
ul.business_list{list-style: none; width: 98%; margin: 20px 0 0 2%;}
ul.business_list li{width: 50%; display: block; float: left; margin: 0 0 15px;}
ul.business_list li img{width:95%; height: auto;}

/************* 事業活動（SP） *********************************/
h3#plants{margin:15px 0 0px; border-left:#00568E 4px solid; padding:0 15px; font-size:18px; font-weight: bold;}
h2.aboutus_headline{margin:30px 0 15px;}

table.aboutus_table{font-size: 11px; line-height: 1.3;}

h3.top_message_header{
  border-top:#D6E4ED 4px solid;
  border-left:#D6E4ED 4px solid;
  border-right:#D6E4ED 4px solid;
  background-color:#EBF1F5;
  padding:10px;
  margin:20px 0 0;
}

.top_message_txtbox{
  border:#D6E4ED 4px solid;
  padding:0 15px 15px;
}

.interviewer{
  color:#00568E;
  margin:20px 0 10px;
}

.profile{float:none; margin-top: 15px;}
.profile p{font-size: 11px;}

.shinkohmold_photo{float:none; width: 80%; margin: 0 auto;}
.shinkohmold_txt{padding-top:5px; text-align: center;}

/************* 海外展開（SP） *********************************/
dl.address{margin:0 0 15px; border-bottom:#CCC dotted 1px;}
dl.address dt{width:60px; float:left; padding:2px 10px; border-top:#CCC dotted 1px; }
dl.address dd{padding:2px 0; border-top:#CCC dotted 1px; margin: 0 0 0 80px;}

/************* 関連リンク（SP） *********************************/
dl#links{ margin:0 0;}
dl#links dt{width:100%; float:none; padding:10px 0 3px 15px; font-weight:bold; background:url(../gif/arrow-2.gif) no-repeat 0 65%;}
dl#links dd{padding:0 0 10px 15px; border-bottom:#CCC dotted 1px;}


/*************** サイドメニュー（SP） *********************************/

#sidemenu_box{
  width:100%;
  margin:0;
  padding:0;
  float:none;
}

.sidemenu,
.sidemenu_sub,
.sidemenu_sub_sub{
  list-style:none;
}

.sidemenu{
  padding-bottom:10px;
  background:none;
}

li.main{border-bottom:1px solid #DDD;}

.sidemenu_sub li a{
  width:94%;
  padding:7px 0 7px 20px;
}

.sidemenu_sub li a:hover,
.sidemenu_sub li a:focus{
  width:94%;
  padding:7px 0 7px 20px;
}

.sidemenu_sub li a.active{
  width:94%;
  padding:7px 0 7px 20px;
}


}

@media screen and (max-width: 500px) {
.sp_block{display: block;}
.pc_block{display:none;}

/************* 早わかり信越シリコーン（sp） *********************************/
h3.glance_headline{font-size: 14px; line-height: 1.5;}
.glance_box_l{width: 100%; float:none; margin: 15px 0 0 0;}
.glance_box_r{width: 100%; float:none; margin: 15px 0 0;}
.glance_box_3l{width: 100%; float:none; margin: 15px 0 0 0;}
.glance_box_3m{width: 100%; float:none; margin: 15px 0 0 0;}
.glance_box_3r{width: 100%; float:none; margin: 15px 0 0 0;}
.glance_box_l img,
.glance_box_r img{width:100%; max-width:inherit; height: auto;}
.glance_box_3l img,
.glance_box_3m img,
.glance_box_3r img{width:100%; max-width:inherit; height: auto;}

/************* 沿革（sp） *********************************/
.banner_box{text-align:center;}
.banner_box img{width: 70%; height: auto; max-width: 310px;}

/************* 事業活動（sp） *********************************/
ul.operation_photo li{display: block; width:80%; float: left; text-align: center; margin:0 10% 15px;}

.plants_photo{width: 100%; margin: 0 auto;}
img#gunma{float:none; margin-right:0; width:100%; height: auto;}
.plants1{float:right; margin: 0 0 0 15px; width: 50%;}
.plants1 img{width:100%; height: auto;}
.plants2{float:left; text-align: center; line-height: 1.3; width: 48%; margin-right: 2%;}
.plants2 img{width:100%; height: auto;}

/************* 製品広告（sp） *********************************/
.add_img{float:none; width:100%; margin:0 0 10px 0; text-align:left;}

}