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


.div_bgw{ background-color: #FFF; padding: 5px; border-radius: 5px;}

/*------------------------------------------------------------------------
左側
------------------------------------------------------------------------*/
.main-conunt-inner-left{
    position: relative;
    width: calc( 100% - 200px );
    }
@media screen and (max-width: 720px) {.main-conunt-inner-left{width: 100%;}}

.div_page_mainbox{ padding: 20px 20px 60px 20px;}


/*固定ページタイトル*/
h1.h1_page_title {margin:0; padding:0;font-size: 37px; font-weight: 500;line-height: 1.7;}

.headline02 {
  margin:0 0 5px 0;
  color: #000;
  border-bottom: solid 2px #005999;
  position: relative;
}
.headline02::after {
  content: "";
  position: absolute;
  width: 60%;
  border-bottom: solid 2px #c9c9c9;
  bottom: -2px;
  right: 0px;
}

/*ソーシャルボタン*/


/*------------------------------------------------------------------------
右側
------------------------------------------------------------------------*/

.main-conunt-inner-right{width: 200px;
    position: relative;}
@media screen and (max-width: 720px) {.main-conunt-inner-right{width:100%; margin-top: 8px;}}


.r_menu_title a{ color: #FFF; text-decoration: none;padding: 13px 10px;
    display: block;
    background: #005999; font-weight: bold;}
.r_menu_title a:hover{opacity: 0.7;}

.arrow_r_r {
  position: relative;
  display: inline-block;
  padding-right: 20px;
}
.arrow_r_r:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
}

.ul_rmenu li span{border-bottom: solid 1px #CCC; display: block;padding: 10px 0 10px 5px;}
.ul_rmenu li a{ display: block;border-left: solid 2px #005999;padding-left: 10px;} 
.ul_rmenu li ul { padding-left: 20px;}


/*------------------------------------------------------------------------
固定ページスタイル
------------------------------------------------------------------------*/

/*共通*/

/*.div_page_mainbox h2 {
    font-size: 22px;
    color: #000;
    font-weight: normal;
    padding: 20px 0px 30px 0px;
    margin: 20px 0 10px 0;
}*/
.div_page_mainbox h2 {
    font-size: 32px;
    color: #000;
    font-weight: 400;
    padding: 0 0 0 10px;
    margin: 20px 0 40px 0;
    border-left: 9px solid #265995;
    line-height: 1.4;
}
/*
.div_page_mainbox h2::after {
    content:"";
    position: absolute ;
    top: 52px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(
        45deg,
        #005999 40%, rgb(196, 196, 196) 40%,
        rgba(196, 196, 196) 
      );
    }*/

.div_page_mainbox p{ line-height: 1.7; padding-bottom:1.7em; padding-right: 8px; padding-left: 8px;}
.div_page_mainbox strong{ font-weight: bold;}
.div_page_mainbox figcaption.wp-element-caption{ font-size:14px;font-weight: bold; color: #8e95a6;margin-top: 2px; margin-bottom: 0; line-height: 1.3;}
table{ border-collapse: collapse;}



/*取扱品目*/

ul.tokuibunya{ margin: 0 12px;display:flex; gap:5px;flex-wrap: wrap;}
ul.tokuibunya li{width:calc((100% - 10px) / 3); background-color:  #EEEEEE; border-right:#999 solid 1px; border-bottom:solid 1px #999;
     padding:10px 0px; text-align:center; }
@media screen and (max-width: 720px) {ul.tokuibunya li{width:calc((100% - 5px) / 2);}}

table.table02{margin:12px 12px 60px 12px;}/*取扱品目、会社情報未来の社長募集中*/
table.table02 th{border: solid 1px #999;vertical-align:top; text-align:left;  padding:5px; font-weight:bold; width:150px; background:#E8F2FF;}
table.table02 td{border: solid 1px #999;vertical-align:top; text-align:left;  padding:5px;}

/*受注の流れ*/

dl.dl_jyutyuu_nagare{ margin: 0px 12px; padding: 0; display: flex; flex-wrap: wrap;}
dl.dl_jyutyuu_nagare dt{ margin:  0 20px 0 0; padding: 0; width:157px ;}
dl.dl_jyutyuu_nagare dd{ margin: 0; padding: 0;width:calc(100% - 177px) ;}
@media screen and (max-width: 420px) {
    dl.dl_jyutyuu_nagare{ margin: 0px; }
    dl.dl_jyutyuu_nagare dt{ margin: 0; padding: 0; width:100% ; text-align: center;}
    dl.dl_jyutyuu_nagare dt img{ width: 100%;}
    dl.dl_jyutyuu_nagare dd{ width:100% ;}
}




/*品質管理*/


ul.list01 {
    list-style-image: url(../images/list_img02.svg);
    list-style-position: inside;
    margin: 5px 0 20px 17px;
}
ul.list01 li {
    color: #005999;
    line-height: 1.7;
    padding-bottom: 5px;
}
ul.list01 li span{padding: 0 0 0 7px;}



/*qa*/

.ul_qalist{ margin: 0px 12px;}
.ul_qalist li{ margin: 0px; list-style-type:none; font-size: 25px; font-weight: 400;}
.ul_qalist > li > span > a{ text-decoration: none; color: #000;}
.ul_qalist li ul{ margin: 20px 0 40px 40px;}
.ul_qalist li ul li{ list-style-type: disc;font-size: 16px; margin-bottom: 5px;}

.ul_qalist_child{ margin: 20px 0 40px 40px;}
.ul_qalist_child li{ list-style-type: disc;font-size: 16px; margin-bottom: 5px;}

.h2_qaq{
    border-left: none !important;
    font-size: 24px !important;
    margin-bottom:50px !important;
}
.h2_qaa{
    border-left: none !important;
    font-size: 24px !important;
    margin-bottom:50px !important;
}

.h2_qaq::before {
  content: "質問：";
  color: #005999;
  font-weight: 700;
  display: block;
  font-size: 18px;
  margin-bottom: 5px;
}

.h2_qaa::before {
  content: "回答：";
  color: #005999;
  font-weight: 700;
  display: block;
  font-size: 18px;
  margin-bottom: 5px;
}


/*会社情報*/
table.table01{ margin:12px;}
table.table01 tr{border-top: solid 1px #CCC; border-bottom: solid 1px #CCC;}
table.table01 th{vertical-align:top; text-align:left;  padding:5px; font-weight: bold;}
table.table01 td{vertical-align:top; text-align:left;  padding:5px;}

ol.ol_office_info{
    list-style-type: decimal;
    margin: -20px 0 40px 35px;}

@media (min-width: 651px) {
div.mapstyle{ margin:15px; display: block;}
div.mapstyle02{ margin:15px;display:none;}
}
@media (max-width: 650px) {
div.mapstyle{ margin:15px 0; display: none !important;}
div.mapstyle02{ margin:15px 10px;display:block;}
}



/*部品サンプル写真*/
/*イベントギャラリー*/

ul.ul_photo_gallery{
    list-style-image: url(../images/arrow_02.svg);
    list-style-position: inside;
    margin: 5px 0 20px 17px;
}
ul.ul_photo_gallery li{ padding-bottom:10px;}

/*アルミ地金・伸銅品相場>NSPルールとは*/

table.table04{ font-size:13px; margin:20px;}
table.table04 tr{}
table.table04 th{border: solid 1px #999;vertical-align:top; text-align:center; line-height:1.3; padding:5px; font-weight:bold; background:#E8F2FF;}
table.table04 td{border: solid 1px #999;vertical-align:top; text-align:center; line-height:1.3; padding:5px;}


/*MSP的 利他活*/
div#ichioshi_kikaku{background:#eee; width:250px;padding:5px; margin:5px; display: inline-block; vertical-align: top; }
div#ichioshi_kikaku h3{ font-weight:bold; background:#FFF; border-left: #006 solid 5px; padding:5px;}
div#ichioshi_kikaku div{ text-align:center !important; vertical-align:middle !important; background:#FFF;padding:5px; margin:5px 0; height:150px;}
div#ichioshi_kikaku img{ text-align:center !important; vertical-align:middle !important; margin:auto;}
div#ichioshi_kikaku p{ margin:5px; padding:0;}
div#ichioshi_kikaku > p > a{ min-height:60px ; display: block;word-break: break-all;}

/*MSPニュース一覧*/
ul.ul_mspnews_ichiran{ list-style-type: disc; margin: 20px 0 40px 40px;}
ul.ul_mspnews_ichiran li{ margin-bottom: 10px;}

/*サイトマップ*/
.div_sitemap li{ padding-bottom: 5px;}

.div_sitemap > ul{ margin: 0 0 0 20px; list-style-type: none;}

.div_sitemap > ul > li{font-size: 20px;}

.div_sitemap > ul > li > ul{ margin: 20px 0 20px 40px; list-style-type: disc;font-size: 16px;}

.div_sitemap > ul > li > ul > li > ul{ margin: 20px 0 20px 40px; list-style-type: circle;}

.div_sitemap > ul > li > ul > li > ul > li > ul{ margin: 20px 0 20px 40px; list-style-type: circle;}





/*
@media (max-width: 980px) {

    .div_page_mainbox p img {width: 100% !important; height: auto !important;}
    #various_buttons_page{display: none;}
    }
    @media (max-width: 980px) {
       table.table00 , table.table01 {width:100% !important; margin: 0 !important;}
      table.table00 th{width: 30%; max-width: 168px;}
      table.table00 th img{width: 100%;max-width: 157px; height: auto;}
      table.table00 td{padding: 2px 0px !important;}
      div.div_page_mainbox > p > img{ width: 100%; max-width: 600px;}

    }








ul.pict_list01 {
    margin: 10px 0 20px 20px;
    list-style-type: none;
}

ul.pict_list01 li {
    background: url(http://mspjpn.com/wpdata/wp-content/themes/MSP_hp_template/images/top_le_yajirushi.png) no-repeat top left;
    padding: 0 0 10px 25px;
    font-size: 16px;
}
*/

/*table*/

/*
table.table00{ font-size:13px; margin:10px 5px 10px 15px;}
table.table00 tr{}
table.table00 th{ border:none;vertical-align:top; text-align:left; line-height:1.3; padding:0;}
table.table00 td{ border:none;vertical-align:top; text-align:left; line-height:1.3; padding:2px 20px ;}









table.table_oroginal{margin:15px;}
table.table_oroginal tr{}
table.table_oroginal th{width:200px; vertical-align:text-top; padding:15px 0 0 0;}
table.table_oroginal td{background:#FFF;padding:10px; margin:5px;width:400px;}
table.table_oroginal td h3{ font-weight:bold; border-bottom: #999 solid 1px; padding:10px; margin:0 0 15px 0;}
table.table_oroginal td p{ margin:0; padding:0;}
table.table_oroginal td img{ border:none;text-decoration: none !important}
table.table_oroginal td img a{text-decoration: none !important}

table.table_souba{ margin:30px 15px;}
table.table_souba th{ font-weight:bold; vertical-align:bottom !important; text-align:left !important; padding:10px;}
table.table_souba th a{ color:#005999;}
table.table_souba th a:visited { color:#005999;}
table.table_souba td{}
table.table_souba td img{ border:none;text-decoration: none !important}
table.table_souba td img a{text-decoration: none !important}

*/
/*------------------------------------------------------------------------
固定ページスタイル End
------------------------------------------------------------------------*/