@charset "UTF-8";

.highcharts-button,
.highcharts-data-labels,
.highcharts-tooltip,
text[text-anchor="end"]{
    display: none !important;
}

/* 装飾関連
 * ---------------------------------------- */
.f_left{
    float: left !important;
}
.f_right{
    float: right !important;
}
.t_center{
    text-align: center !important;
}
.clear{
    clear:both !important;
}
.clearfix:after{
    content: '' !important;
    display: block !important;
    clear:both !important;
}
.inline-block{
    display: inline-block;
}

/* PC
* ---------------------------------------- */
/* TOP
 * ---------------------------------------- */
 
.pc_width #top .section{
    position: relative;
    margin: 0;
    width: 100%;
    z-index: 1000;
    overflow: hidden;
}
.pc_width #sectionBG{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -9999;
    background: #000;
}
.pc_width .bg1 #sectionBGdark,
.pc_width .bg2 #sectionBGdark{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -9999;
    background: url(../images/movie_bg.png);
    z-index: -9998;
}
.pc_width .bg3 #sectionBGdark{
    display: none;
}
.pc_width #sectionBG .bg_image{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pc_device.pc_width .bg1 iframe.bg_image.bg1,
.ie7.pc_width .bg1 img.bg_image.bg1,
.ie8.pc_width .bg1 img.bg_image.bg1,
.ie9.pc_width .bg1 img.bg_image.bg1,
.ie10.pc_width .bg1 img.bg_image.bg1,
.tablet_device.pc_width .bg1 img.bg_image.bg1,
.pc_device.pc_width .bg2 iframe.bg_image.bg1,
.ie7.pc_width .bg2 img.bg_image.bg2,
.ie8.pc_width .bg2 img.bg_image.bg2,
.ie9.pc_width .bg2 img.bg_image.bg2,
.ie10.pc_width .bg2 img.bg_image.bg2,
.tablet_device.pc_width .bg2 img.bg_image.bg2,
.pc_width .bg3 img.bg_image.bg3{
	display: block !important;
}
.ie7.pc_width .bg1 iframe.bg_image.bg1,
.ie8.pc_width .bg1 iframe.bg_image.bg1,
.ie9.pc_width .bg1 iframe.bg_image.bg1,
.ie10.pc_width .bg1 iframe.bg_image.bg1,
.tablet_device.pc_width .bg2 iframe.bg_image.bg1,
.ie7.pc_width .bg2 iframe.bg_image.bg2,
.ie8.pc_width .bg2 iframe.bg_image.bg2,
.ie9.pc_width .bg2 iframe.bg_image.bg2,
.ie10.pc_width .bg2 iframe.bg_image.bg2,
.tablet_device.pc_width .bg2 iframe.bg_image.bg2{
    display: none !important;
}
.pc_width #top h2{
    text-align: left;
}
.pc_width #top h2 img{
    height: auto;
}
.pc_width #section2 h2 img,
.pc_width #section3 h2 img,
.pc_width #section5 h2 img,
.pc_width #section7 h2 img,
.pc_width #section8 h2 img,
.pc_width #section9 h2 img,
.pc_width #section10 h2 img{
    height: 41px;
}
.pc_width #section4 h2 img{
	width:434.5px;
}
.pc_width #section6 h2 img{
    height: 180px;
}

.pc_width .bg_image{
    position: absolute;
    z-index: -9999;
}
.pc_width #section1 .bg_image ,
.pc_width #section4 .bg_image {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width:100%;
	z-index: 100;
}

.pc_width .bg_image.tate_fit{
    width: auto;
    height: 100% !important;
}
.pc_width iframe.bg_image.tate_fit{
    margin: 0 !important;
}
.pc_width #sectionBG img.bg_image.tate_fit{
    width: auto !important;
}
.pc_width .bg_image.yoko_fit{
    width: 100%;
    height: auto;
    margin: 0 !important;
}
.pc_width .top_contents{
    padding-top: 100px;
}
.pc_width #top .top_contents{
    padding-top: 5%;
}
.pc_width #top #section1 .top_contents{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding-top: 0;
}
.pc_width #top #section1 .top_contents p{
    margin-top: -75px;
    text-align: center;
}
.pc_width #section1 p img{
	width:auto;
    height: 45px;
}
.pc_width #section2 .top_contents{
   /* padding-top: 100px;*/
    position: absolute;
    top: 0;
}
.pc_width #section3 .top_contents{
   /* padding-top: 215px;*/
     position: absolute;
    top: 0;

}
.pc_width #section8 .top_contents{
   /* padding-top: 108px;*/
    position: absolute;
    top: 0;
    color: #fff;
}
.pc_width #section4 .top_contents {
    width: 480px;
    float: right;
    color: #fff;
	padding-top:15%;
}
.pc_width #section5 .inner{
    position: relative;
    height: 100%;
}
.pc_width #section5 .top_contents{
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
}
.pc_width #section6 .top_contents {
    width: 480px;
    float: right;
	padding-top:15%;
}
.pc_width #section7 .top_contents{
  /*  padding-top: 240px;*/
  position: absolute;
    top: 0;
}
.pc_device.pc_width #section7 .bg_text{
    position: absolute;
    top: 36%;
    left: 60%;
    width: 408px;
}
.tablet_device.pc_width #section7 .bg_text{
    display: none;
}

.pc_width #section9 .inner{
    position: relative;
    height: 100%;
}
.pc_width #section9 .top_contents{
    position: absolute;
    bottom: 120px;
    left: 0;
    padding-top: 0;
    color: #fff;
}
.pc_width #section10 .top_contents{
	position: absolute;
	top:0;
}
.pc_width .to_detail{
    /*display: block;
    width: 250px;
    height: 50px;
    margin-top: 1em;
    line-height: 50px;
    text-align: center;
    border: 1px solid #151515;
    color: #151515;*/
    background:url(../images/link_top.png) no-repeat left center;
    padding-left:20px;
    margin-top:1em;
    display:block;
    color:#333;
    width:90px;
}
.pc_width #section8 .to_detail,
.pc_width #section5 .to_detail,
.pc_width #section9 .to_detail{
    border-color: #fff;
    color: #fff;
    background:url(../images/link_top_w.png) no-repeat left center;
    padding-left:20px;
}
.pc_width .to_detail:hover,
.pc_width #section8 .to_detail:hover,
.pc_width #section5 .to_detail:hover,
.pc_width #section9 .to_detail:hover{
    background:url(../images/link_top_o.png) no-repeat left center;
    color:#ff8e2f;
}
.pc_width #scrollList{
    position: fixed;
    top: 120px;
    right: 30px;
    z-index: 2000;
}
.pc_width #scrollList li{
    margin-bottom: 30px;
}
.pc_width #scrollList a{
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    background: url('../../images/icon_circle_glay.png') no-repeat;
}
.pc_width #scrollList a:hover,
.pc_width #scrollList a.current{
    background-image: url('../../images/icon_circle_on.png');
}
.pc_width .white{
    color:#fff;
}
.pc_width .h2_lead{
    text-align: center !important;
}
/* 大同特殊鋼の紹介
 * ---------------------------------------- */
.pc_width.company #keyVisualImg{
    background-image: url('../../company/images/company_main.jpg');
}
.pc_width.company #keyVisualInnerWrap{
    top: 165px;
}
.pc_width .company table th{
/*
		width:10%;
*/
		font-size:18px;
		line-height:1.5;
}
.pc_width.company th,
.pc_width.company td{
    border-bottom:none;
}
.pc_width .border_b th,
.pc_width .border_b td{
    border-bottom:1px solid #c2c2c2 !important;
}
.pc_width.company th{
/*
    width:15%;
*/
}
.pc_width td{
    width:55%;
}
.pc_width .company table td{
    font-size: 36px;
}
.pc_width #tableCompany2 th,
.pc_width #tableCompany3 th{
    font-size:18px;
    line-height:1.5;
}
.pc_width.company td{
    width:80%;
}
.pc_width #tableCompany2 td,
.pc_width #tableCompany3 td{
    width:40%;
	font-size:20px;
}
.pc_width.company th img{
    margin-bottom:5px;
}
.pc_width.company th .icon1,
.pc_width.company th .icon3,
.pc_width.company th .icon5{
    width:43%;
}
.pc_width.company th .icon2{
    width:22%;
}
.pc_width.company th .icon4{
    width:35%;
}
.pc_width.company th .icon5{
    width:43%;
}
.pc_width.company th .icon6{
    width:55%;
}
.pc_width.company th .icon7{
    width:35%;
}
.pc_width .company td{
    font-size:20px;
    text-align: center;
}
.pc_width .count_num{
    font-size: 90px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 4px;
}
.pc_width #tableCompany2 .count_num,
.pc_width #tableCompany3 .count_num{
    font-size:48px;
	padding:0 4px;
}
.pc_width.company table .group{
    display: table;
    max-width: 500px;
/*
    width:84%;
    width:100%\9;
*/
    margin:0 auto;
}
.pc_width #tableCompany4,
.pc_width #tableCompany4 ul{
    overflow:hidden;
}
/*.pc_width #tableCompany4 p{
    display: table-cell;
    width:160px;
}*/
.pc_width #tableCompany4 ul{
    display: table-cell;
    vertical-align: middle;
/*
    float:left;
    width:55%;
*/
}
.pc_width #tableCompany4 li{
    float:left;
    width: 44%;
    max-width: 120px;
    margin-left: 3%;
	margin-bottom:10px;
/*
    width: 50%;
    max-width: 130px;
    width:43%;
    min-width: 110px;
*/
    color:#847f6d;
    text-align:center;
    font-size:14px;
}
.pc_width #tableCompany4 li img{
    width: 100%;
}
/*.pc_width #tableCompany4 .hosoku{
    clear: both;
    display: block;
    width: 100%;
}*/
.pc_width.company .hosoku{
    background:#ebebeb;
    margin:-3% 12%;
    display:block;
    font-size:14px;
}
.pc_width.company .t_right{
    text-align:right;
}
.pc_width .bnr_music{
    margin: 3em 0 -3.5em;
}
.pc_width .bnr_music a{
    display: block;
    max-width: 600px;
    margin: 0 auto;
}
.pc_width .company .menseki {
    display: block;
    font-size: 18px;
    margin: -40px 0 30px;
}
/* 大同特殊鋼の紹介：事業紹介
 * ---------------------------------------- */
.pc_width .business-graph{
    text-align: center;
}
.pc_width .business-graph > img,
.sp_width .business-graph > img {
    display: none;
}
.pc_width .graph-contents{
    width: 100%;
    /*height: 100%;*/
    /*height: 220px;*/
}
.pc_width .graph-canvas{

}
.pc_width .graph-contents{
    position: relative;
    /*height: 250px;*/
}
.pc_width .graph-canvas{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
/*    height: 250px;
*/
    z-index: -9999;
}
.pc_width .center_param,
.pc_width .center_param{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    line-height: 80px;
    font-size: 110%;
    font-weight: bold;
}
.pc_width .year-on-year{
    color: #ff8e2f;
}
.pc_width .year-on-year span{
    margin-right: 1em;
    padding: 3px 5px;
    border: 1px solid #ff8e2f;
    font-size: smaller;
}
.pc_width .annotation{
    font-size:14px !important;
	margin-left: 1em;
	text-indent: -1em;
}
/* 大同特殊鋼の紹介：主な生産拠点
 * ---------------------------------------- */
.pc_width #kyotenMap{
    position: relative;
    margin-bottom: 40px;
/*
    padding: 0px 80px;
*/
}
.pc_width #kyotenMap a{
    position: absolute;
    width: 11%;
    height: 6%;
    line-height: 150%;
    background: #fff;
    border: 1px solid #ff8e2f;
    color: #666;
    text-align: center;
    text-decoration: none;
}
.pc_width #kyotenMap a:hover{
    background: #ff8e2f;
    color: #fff;
}
.pc_width #kyotenMap a[href="#chita"]{
    top: 61%;
    left: 24.4%;
}
.pc_width #kyotenMap a[href="#hoshizaki"]{
    top: 49.7%;
    left: 38.3%;
}
.pc_width #kyotenMap a[href="#shibukawa"]{
    top: 16%;
    left: 69%;
}
.pc_width #kyotenMap a[href="#funmatsu"]{
    top: 45%;
    left: 24.8%;
}
.pc_width #kyotenMap a[href="#ouji"]{
    top: 53%;
    left: 74.3%;
}
.pc_width #kyotenMap a[href="#kimitsu"]{
    top: 72%;
    left: 74.8%;
}
.pc_width.factory .figcaption{
    text-align: center;
}
.pc_width .link_map {
	float:right;
	padding: 0 1em;
    color: #666;
    border: 1px solid #666;
}
.pc_width .link_map:hover{
	color: #ff8e2f;
    border: 1px solid #ff8e2f;
}
.pc_width .address1 span,
.pc_width .address2 span{
    padding-right: 1em;
}
.pc_width .factory .column1_1{
	margin-bottom:0px;
}
/* 大同特殊鋼の紹介：主なグループ企業
 * ---------------------------------------- */
.pc_width.group h3 span{
    background: #ff8e2f;
    padding: 0 1em;
    line-height: 1em;
    font-size: .6em;
    color: #fff;
    vertical-align: middle;
	margin-left:10px;
	position:relative;
	bottom:2px;
}

/* 特殊鋼とは：特殊鋼について
 * ---------------------------------------- */
.pc_width.specialty #keyVisualImg{
    background-image: url('../../specialty/images/specialty_main.jpg');
}
.pc_width.specialty.about h3{
    margin-bottom: 25px;
    line-height: 1.3;
    text-align: center;
    font-size: 22px;
    font-weight: normal;
}
.pc_width.specialty.about h3 span{
    font-size: 120%;
    display: block;
    margin-bottom: 8px;
}
.pc_width.specialty1 .section{
    margin-bottom:50px;
}
.pc_width.specialty.about .h3_inner{
    margin-bottom: 50px;
    background: url('../../history/images/ch_border.gif') center repeat-y;
}
.pc_width.specialty.about .column1_1{
    background: url('../../specialty/images/specialty-arrow.gif') center no-repeat;
}
.pc_width.specialty.about .column1_1{
    margin: 0;
}
.pc_width.specialty.about .col{
    width: 50%;
    margin: 0;
}
.pc_width .specialty-about-box{
    text-align: center;
}
.pc_width .col-1th .specialty-about-box{
    float: left;
    margin: 0 40px 0 0;
}
.pc_width .col-2th .specialty-about-box{
    float: right;
    margin: 0 0 0 40px;
}
.pc_width.specialty.about .h2_inner{
	padding:none;
	margin:0 80px;
	border-bottom:1px solid #c0c0c0;
}
.pc_width.specialty #genso .h2_inner{
	margin:0px;
}
.pc_width.specialty.about .section{
	margin-bottom:3em;
}
.pc_width.specialty #genso{
	margin-top:7em;
}
.pc_width.specialty #genso .column1_1{
	background:none;
}
.pc_width.specialty #genso .col{
    margin-bottom:20px;
    margin-right: 3%;
    width: 47%;
}
.pc_width.specialty #genso .h2_inner{
	border:none;
}


/* 特殊鋼とは：特殊鋼のライフサイクル
 * ---------------------------------------- */
.pc_width.lifecycle .h2_inner{
    position: relative;
    height: 800px;
    padding: 0;
    margin-bottom: 110px;
    overflow: hidden;
}
.pc_width #lifecycleBG{
    position: absolute;
    width: 100%;
    height: 800px;
    background: #1c1c1c;
	margin-top: -40px;
    transform: scale(1.1);
    z-index: -9999 !important;
}
.pc_width #lifecycleBG .lifecycle_bg{
    width: 100%;
    min-width: 1418px;
    min-height: 800px;
    display: block;
    margin: 0 auto;
	margin-top: -40px;
    transform: scale(1.1);
}
.pc_width #tubular-container{
    position: absolute !important;
    top: 0;
    height: 800px;
    z-index: -5000 !important;
}
.pc_width #lifecycleContents{
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
}
.pc_width #lifecycleList{
    float: left;
    width: 50%;
    margin-left: -16px;
    padding-top: 150px;
}
.pc_width #lifecycleList ul{
    position: relative;
/*
    width: 530px;
*/
    height: 540px;
}
.pc_width #lifecycleList li{
    position: absolute;
    display: block;
    width: 20%;
    height: 20%;
}
.pc_width #lifecycleList li.lifecycle-icon{
    display: none;
}
.pc_width #lifecycleList li[rel="circle01"]{
    top: 0;
    left:50%;
    margin-left: -8.5%;
}
.pc_width #lifecycleList li[rel="circle02"]{
    top: 8%;
    right: 13%;
}
.pc_width #lifecycleList li[rel="circle03"]{
    top: 28%;
    right:-2%;
}
.pc_width #lifecycleList li[rel="circle04"]{
    bottom: 25.5%;
    right:-1.8%;
}
.pc_width #lifecycleList li[rel="circle05"]{
    bottom: 5.5%;
    right: 13.5%;
}
.pc_width #lifecycleList li[rel="circle06"]{
   bottom: 9.5%;
    left:52%;
    width: 18%;
    margin-left: -9%;
}
.pc_width #lifecycleList li[rel="circle07"]{
	bottom: -12%;
    left:52%;
    width: 18%;
    margin-left: -9%;
}
.pc_width #lifecycleList li[rel="circle08"]{
    bottom: 5.2%;
    left: 16.5%;
}
.pc_width #lifecycleList li[rel="circle09"]{
    bottom: 25.5%;
    left:2%;
}
.pc_width #lifecycleList li[rel="circle10"]{
    top: 28%;
    left:2%;
}
.pc_width #lifecycleList li[rel="circle11"]{
    top: 8%;
    left: 17%;
}
/*
.pc_width #lifecycleList li.off .on_image,
.pc_width #lifecycleList li.on .off_image{
    display: none;
}
.pc_width #lifecycleList li.off.mouseon .on_image{
    display: block;
}
.pc_width #lifecycleList li.off.mouseon .off_image{
    display: none;
}
*/
.pc_width #lifecycleView{
    position: relative;
    float: right;
    width: 50%;
    height: 800px;
    background: rgba(0, 0, 0, 0.5);
    /*IE8以下用*/
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88000000,EndColorStr=#88000000);
    overflow: hidden;
}
.pc_width .lifecycle-box{
    position: absolute;
    width: 90%;
    padding: 0 5%;
    height: 800px;
    color: #fff;
}
.pc_width .lifecycle-box.current{
    display: block;
}
.pc_width .lifecycle-box.no_current{
    display: none;
}

.pc_width .lifecycle-box h3{
    margin-bottom: 40px;
    padding-top: 92px;
    font-size: 26px;
    color: #fff;
}
.pc_width .lifecycle-box-image{
    margin-bottom: 30px;
}
.pc_width #lifecycleViewController{
    display: none;
}
.pc_width .lifecycle .hosoku{
    text-align:center;
    display:block;
}
.pc_width .swipe-controller{
    display: none;
}


/* 特殊鋼とは：主な特殊鋼
 * ---------------------------------------- */
.pc_width.specialty #keyVisualInnerWrap{
    top: 165px;
}
.pc_width.specialty.grade h3{
    color: #ff9746;
    font-size: 22px;
    text-align: left;
    margin-bottom: 25px;
}
.pc_width .specialty-main-box{
    padding: 22px 17px 17px;
    border: 1px solid #d0d0d0;
    
}
.pc_width .specialty-main-box-title{
    margin-bottom: 16px;
    font-size: 26px;
    color: inherit;
}
.pc_width .specialty-main-inner:after{
    content: '';
    display: block;
    clear: both;
}
.pc_width .specialty-main-box p{
    float: left;
    width: 70%;
    margin-bottom: 0 !important;
}
.pc_width .specialty-main-box p.normal{
    float: none;
    width: 100%;
}
.pc_width .specialty-main-box .figure{
    float: right;
    width: 25%;
    max-width: 104px;
}
.pc_width.specialty .col,
.pc_width.specialty .left_col,
.pc_width.specialty .pc_left_col,
.pc_width.specialty  .center_col{
    margin-bottom:20px;
}
/* 沿革
 * ---------------------------------------- */
.pc_width.history #keyVisualImg{
    background-image: url(../../history/images/history_main.jpg);
}
.tablet_device.pc_width.portrait.history #keyVisualImg{
    margin-left: -240px;
}
.pc_width.history #keyVisualInnerWrap{
    top: -50px;
}
/*.pc_width.history h1{
    padding-top: 195px;
}
*/
.pc_width.history #keyVisualInnerWrap{
	top:165px;
}
.pc_width.history .h2_inner{
    padding-top: 30px;
    background: url('../../history/images/ch_border.gif') center repeat-y;
}
.pc_width.history .h2_inner{
    padding-top: 30px;
    background: url('../../history/images/ch_border.gif') center repeat-y;
}
.pc_width.history .h2_inner:after{
    content: '';
    display: block;
    clear: both;
}
.pc_width.history .sub_nav{
    display: none;
}
.pc_width.history .section:after{
    content: '';
    display: block;
    clear: both;
}
.pc_width .ep_wrap{
    float: left;
    width: 43%;
}
.pc_width.history .ep_item{
    margin-bottom: 50px;
}
.pc_width.history h3.ep_title{
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ff8e2f;
}
.pc_width.history .ep_year{
    margin-right: 20px;
    color: #ff8e2f;
}
.pc_width.history .ep_image{
    margin-bottom: 10px;
    text-align: center;
    padding:0px 10px;
}
.pc_width .ep_sentence{
    padding:0px 10px;
}
.pc_width.history .ch_wrap{
    float: right;
    width: 50%;
}
.pc_width.history .ch_item{
    margin-bottom: 60px;
}
.pc_width.history .ch_item:after{
    content: '';
    display: block;
    clear: both;
}
.pc_width .ch_title{
    float: left;
    width: 13%;
    max-width: 90px;
    font-size: 32px;
    margin-left: -6.5%;
}
.pc_width .ch_sentence{
    float: right;
    width: 82%;
}
.pc_width #founderBtn{
    display: inline-block;
    padding: 0 2em;
    line-height: 3em;
    color: #666;
    border: 1px solid #666;
    cursor: pointer;
}
.pc_width #founderBtn:hover{
    color: #ff8e2f;
	border:1px solid #ff8e2f;
    /*IE8以下用*/
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88000000,EndColorStr=#88000000);
}
.pc_width #founder{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9600;
}
.pc_width #founder.hide{
    display: none;
    z-index: -9999;
}
.pc_width #founderBG{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
.pc_width #founder.hide #founderBG{
    z-index: 8000;
}
.pc_width #founderInner{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}
.pc_width #founder .inner{
/*
    width: 100%;
    max-width: 1046px;
*/
    margin: 0 auto;
    padding: 27px;
    background: #fff;
    z-index: 9601;
}
.pc_width #founder.hide .inner{
    z-index: 9600;
}
.pc_width #founder .close_btn{
    text-align: right;
}
.pc_width #founder .close_btn img{
    width: 53px;
    cursor: pointer;
}
.pc_width #founder h3{
    margin-bottom: 1em;
    font-size: 38px;
    color: inherit;
}
.pc_width #founder .box_right{
    float: right;
    width: 35%;
}
.pc_width #founder .box_left{
    float: left;
    width: 62%;
}
.pc_width #founder .flgure{
    margin-bottom: 1em;
}

/* 技術のあゆみ
 * ---------------------------------------- */
.pc_width.technology h2 img{
	width:100%;
    height: inherit;
}
.pc_width.technology .article{
    /*position: relative;*/
}
.pc_width.technology #keyVisualImg{
    background-image: url('../../technology/images/technology_main.jpg');
}
.pc_width.technology #keyVisualInnerWrap{
    top: 165px;
}
.pc_width.technology .section{
    float: left;
    margin: 0;
}
.pc_width.technology .chronology-item{
    clear: both;
    float: right;
    width: 250px;
    margin-bottom: 30px;
}
.pc_width.technology #boxArea{
    float: right;
    /*padding: 0 25px 0 20px;*/
}
.pc_width.technology #boxAreaInner{
    max-width: 850px;
    /*width: 100% !important;*/
}
.pc_width.technology .box-item{
    float: right;
    width: 820px;
}
.pc_width.technology .box-thumnail{
    float: left;
    width: 33%;
    cursor: pointer;
    text-align: center;
    position: relative;
}
.pc_width.technology .pc-col-2 .box-thumnail{
    margin-left: 33%;
}
.pc_width.technology .pc-col-3 .box-thumnail{
    margin-left: 66%;
}
.pc_width.technology .box-thumnail-inner{
    padding: 1px;
    background: #cdcdcd;
}
.pc_width.technology .sankaku{
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 20px;
    margin-left: -10px;
    z-index: 1000;
}
.pc_width.technology .open .sankaku{
    display: block;
}
.pc_width.technology .box-section-image{
    float: left;
    width: 25%;
}
.pc_width.technology .box-section{
    width: 72%;
}
.pc_width.technology .box-section-border{
    padding-top: 23px;
    border-top: 1px solid #b5b5b5;
}
.pc_width.technology .box-contents-area{
    clear: both;
    background: #f0f0f0;
    width:  99%;
}
.pc_width.technology .box-contents{
    display: none;
    padding: 0 25px;
    overflow: hidden;
}
.pc_width.technology .box-contents-inner{
    padding: 25px 0;
}
.pc_width.technology .box-contents h3{
    color: #8b8b8b;
}
.pc_width.technology .num-value{
    color: #ff8e2f;
    font-size: 120%;
    margin-bottom: .5em !important;
}
.pc_width .box-close{
    display: none;
}
.pc_width .num-value span{
    font-size: 200%;
}

/* 製品紹介
 * ---------------------------------------- */
.pc_device.pc_width.product #keyVisualImg{
    background-image: url('../../product/images/product_main.jpg');
}
.tablet_device.pc_width.product #keyVisualImg{
    background-image: url('../../product/images/product_main02.jpg');
    margin-left: -220px;
}

.pc_width.product #keyVisualInnerWrap{
    top: 165px;
}
.pc_width.product .section{
    position: relative;
    margin: 0;
    background-size: cover !important;
}
.pc_width.product h3 img ,
.pc_width .product-col-closebtn {
    display: none;
}
.pc_width #car.section{
    height: 1230px;
    background: url('../../product/images/product_bg_car.jpg') top no-repeat;
    background-size: cover;
}
.pc_width #car.section > div > img{
    height: 100% !important;
}
.pc_width #car[param="3"]{
    height: 1800px;
}
.pc_width #car[param="4"]{
    height: 1400px;
}
.pc_width #car .product-col.col-4,
.pc_width #car .product-col.col-7,
.pc_width #car[param="3"] .product-col.col-4,
.pc_width #car[param="3"] .product-col.col-7,
.pc_width #car[param="3"] .product-col.col-10,
.pc_width #car[param="4"] .product-col.col-5,
.pc_width #car[param="4"] .product-col.col-9,
.pc_width #car[param="5"] .product-col.col-6{
    clear: both;
}
.pc_width #aircraft.section{
    height: 800px;
    background: url('../../product/images/product_bg_aircraft.jpg') top no-repeat;
}
.pc_width #info.section{
    height: 800px;
    background: url('../../product/images/product_bg_info.jpg') top no-repeat;
}
.pc_width #ship.section{
    height: 800px;
    background: url('../../product/images/product_bg_ship.jpg') top no-repeat;
}
.pc_width #heating.section{
    height: 800px;
    background: url('../../product/images/product_bg_heating.jpg') top no-repeat;
}
.pc_width #factory.section{
    height: 800px;
    background: url('../../product/images/product_bg_factory.jpg') top no-repeat;
}
.pc_width #train.section{
    height: 800px;
    background: url('../../product/images/product_bg_train.jpg') top no-repeat;
}
.pc_width #medical.section{
    height: 800px;
    background: url('../../product/images/product_bg_medical.jpg') top no-repeat;
}
.pc_width .product-head{
    padding-top: 40px;
    color: #fff;
}
.pc_width .product-head h2{
    text-align: left;
}
.pc_width .product-head .read{
    color: #fff;
    margin-bottom: 0 !important;
}
.pc_width .pc_width .product-contents:after,
.pc_width .product-contents .inner:after{
    content: '';
    display: block;
    clear: both;
}
.pc_width .product-contents{
    position: absolute;
    width: 100%;
}
.pc_width #car .product-contents{
    bottom: 50px;
}
.pc_width #aircraft .product-contents{
    top: 250px;
}
.pc_width #info .product-contents{
    bottom: 50px;
}
.pc_width #ship .product-contents{
    bottom: 115px;
}
.pc_width #heating .product-contents{
    bottom: 65px;
}
.pc_width #factory .product-contents{
    bottom: 70px;
}
.pc_width #train .product-contents{
    bottom: 25px;
}
.pc_width #medical .product-contents{
    bottom: 25px;
}
.pc_width .product-col{
    float: left;
    width: 192px;   
    margin: 0 4px 4px;
    padding: 20px 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    /*IE8以下用*/
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#bb000000,EndColorStr=#bb000000);
    font-size:14px;
}
.pc_width #car .product-col{
    width: 29%;
    max-width: 250px;
}
.pc_width #aircraft .product-col{
    width: 417px;
    background: rgba(67,105,152,0.8);
    /*IE8以下用*/
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#cc436998,EndColorStr=#cc436998);
}
.pc_width #info .product-col{
    background: rgba(145,135,121,0.8);
    /*IE8以下用*/
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#cc918779,EndColorStr=#cc918779);
}
.pc_width #ship .product-col,
.pc_width #heating .product-col{
    width: 310px;
    background: rgba(0, 100, 150, 0.3);
    /*IE8以下用*/
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#48006496,EndColorStr=#48006496);
}
.pc_width #heating .product-col{
    background: rgba(0, 100, 150, 0.3);
    /*IE8以下用*/
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#48006496,EndColorStr=#48006496);
}
.pc_width #factory .product-col{
    width: 245px;
}
.pc_width.less-w960 #factory .product-col{
    width: 214px;
}
.pc_width #train .product-col{
    width: 310px;
    background: rgba(125,149,175,0.9);
    /*IE8以下用*/
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ee7d95af,EndColorStr=#ee7d95af);
}
.pc_width #medical .product-col{
    width: 310px;
    background: rgba(2,60,95,0.8);
    /*IE8以下用*/
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#dd023c5f,EndColorStr=#dd023c5f);
}
.pc_width .product-col .hosoku{
    margin-top:10px;
    font-size:12px;
}
/* car */
.pc_width #car .product-column.column1,
.pc_width #info .product-column.column1,
.pc_width.less-w960 #factory .product-column.column1,
.pc_width .product-column-left{
    float: left;
    margin-left: -4px;
    margin-right: -4px;
}
.pc_width #car .product-column.column2,
.pc_width #aircraft .product-column.column1,
.pc_width #info .product-column.column2,
.pc_width.over-w960 #factory .product-column.column1,
.pc_width #train .product-column.column1,
.pc_width #medical .product-column.column1,
.pc_width .product-column-right{
    float: right;
    margin-left: -4px;
    margin-right: -4px;
}
.pc_width .product-col h3{
    color: #fff;
    margin-bottom: .5em;
}
.pc_width .product-col p{
    margin-bottom: 0 !important;
}
.pc_width .product-thumnail{
    margin-bottom: .5em;
}
.pc_width .product_link{
	text-align:left;
	margin-top:0.5em;
}
.pc_width .product_link li a{

	background:url(../images/link_blank2.png) no-repeat left 2px;
	background-size:18px 16px;
	color: #FFF;
display: block;
margin-left: 3px;
padding-left: 18px;
}
.pc_width .product_link li a:hover{
	color:#FF8E2F;
	background:url(../images/link_blank3.png) no-repeat left 2px;
	display:block;
	background-size:18px 16px;
}
.pc_width .product_link li {
	margin: 15px 0px !important;
line-height: 1.5;
}
.sp_width .product_link li a{
	background:url(../images/link_blank.png) no-repeat left;
	background-size:18px 16px;
	padding-left:16px;
}
/* 安全・品質
 * ---------------------------------------- */
.pc_width.safety #keyVisualImg{
    background-image: url('../../safety/images/safety_main.jpg');
}
.pc_width.safety #keyVisualInnerWrap {
    top: inherit;
    bottom: 200px;
}
.tablet_device.portrait.pc_width.safety #keyVisualInnerWrap{
	 bottom: 150px;
}
.tablet_device.sideway.pc_width.safety #keyVisualInnerWrap{
	 bottom: 70px;
}
.pc_width.safety #default h1 {
    text-align: left;
}

/* 社会活動
 * ---------------------------------------- */
.pc_width.society #keyVisualImg{
    background-image: url('../../society/images/society_main.jpg');
}
.pc_width.society #keyVisualInnerWrap{
    top: 165px;
}

/* サイトのご利用について
 * ---------------------------------------- */
.pc_width.sitepolicy h1{
    text-align:center;
    width:448px;
    margin-top:60px;
}
.pc_width.sitepolicy h1 img{
    width:100%;
}
.pc_width.sitepolicy h2{
    margin-bottom: 1em;
    line-height: 1.3;
    text-align: left;
    font-size: 22px;
    font-weight: normal;
    color: #ff9746;
}
.pc_width.sitepolicy h3{
    margin-top:40px;
    color:#333;
    font-weight:bold; 
}
.pc_width.sitepolicy .dl_format dt {
    color: #ba4720;
    font-size: 16px;
    font-weight: normal;
    padding-left: 15px;
    margin-top:20px;
}
.pc_width.sitepolicy .dl_format dd {
    margin-bottom: 10px;
    padding-left: 15px;
}

/* 音楽
 * ---------------------------------------- */
.pc_width.music h1{
    padding-top:115px;
    text-align:left !important;
}
.pc_width.music h1 img{
    width: 306px !important;
}
.pc_width.music h2{
    margin-bottom: 1em;
    line-height: 1.3;
    text-align: left;
    font-size: 22px;
    font-weight: normal;
    color: #ff9746;
}
.pc_width .nt3em{
    margin-top:-3em;
}
.pc_width.music .waku{
    border:1px solid #9d903c;
    overflow:hidden;
    padding:3%;
    margin-bottom:30px;
}
.pc_width.music .waku h4,
.pc_width.music .waku p{
    width:67%;
    float:left;
}
.pc_width.music .waku .figure{
    width:30%;
    float:right;
}
.pc_width.music dl{
    font-size:14px;
}
.pc_width.music dl dd {
    margin-top: 10px;
}
.pc_width .music_title{
    text-align:center;
    font-size:20px;
    margin-bottom:2em !important;
}
.pc_width.music dl dd span {
    color: #9d903c;
}
.pc_width .music_btn_l,
.pc_width .music_btn_r{
    width:48%;
    margin-bottom:20px;
    text-align:center;
}
.pc_width .music_btn_l p,
.pc_width .music_btn_r p{
    margin-bottom:0px !important;
}
.pc_width .music_btn_l{
    float:left;
}
.pc_width .music_btn_r{
    float:right;
}
.pc_width .music_btn_r a,
.pc_width .music_btn_l a{
    display: block;
    border:1px solid #6e6e6e;
    text-align:center;
    padding:15px 0px;
    font-size:20px;
    color:#6e6e6e;
}
.pc_width .music_btn_r a:hover,
.pc_width .music_btn_l a:hover{
    border:1px solid #ff8e2f;
    color:#ff8e2f;
}

/* 装飾関連
 * ---------------------------------------- */
.pc_width .pc_none{
    display: none !important;
}
.pc_width .pc_f_left{
    float: left !important;
}
.pc_width .pc_f_right{
    float: right !important;
}


/* ================================================ */
/* ====================== SP ====================== */
/* ================================================ */

/* TOP
 * ---------------------------------------- */
.sp_width #sectionBG{
    display: none !important;
}
.sp_width #top h2,
.sp_width #top .inner{
    margin: 0;
}
/*
.sp_width #top .section{
    margin: 0;
    height: inherit !important;
}
*/
.sp_width #top #section2,
.sp_width #top #section3,
.sp_width #top #section4,
.sp_width #top #section5,
.sp_width #top #section6,
.sp_width #top #section7,
.sp_width #top #section8,
.sp_width #top #section9,
.sp_width #top #section10{
    margin: 0;
    height: inherit !important;
}
.sp_width #top #contents br{  
    display: none;
}
.sp_width #top #section2 img,
.sp_width #top #section3 img,
.sp_width #top #section4 img,
.sp_width #top #section5 img,
.sp_width #top #section6 img,
.sp_width #top #section7 img,
.sp_width #top #section8 img,
.sp_width #top #section9 img,
.sp_width #top #section10 img{
    width: 100%;
    height: inherit;
}
.sp_width #top #contents p{
    margin: 0;
    padding: 1em;
}
.sp_width .top_contents .to_detail{
    display: block;
    margin: 0 1em 1em;
    line-height: 3em;
    text-align: center;
    border: 1px solid #a4a4a4;
    color: #333;
    /*margin:0 0 1em 1em;
    background:url(../images/link_top_sp.png) no-repeat left center;
    background-size:10px 16px;
    padding-left: 1em;
    display:block;
    width: 85px;
    color:#333;*/
}
.sp_width .bg_image{
    display: none;
}
.sp_width #scrollList{
    display: none;
}
.sp_width #section1{
    position: relative;
    margin: 0;
}
.sp_width #section1 .top_contents p{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 100%;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    z-index: 4001;
}
.sp_width #section1 .top_contents p img{
    position: absolute;
    top: 35%;
    left: 5%;
    width: 90% !important;
    height: auto !important;
}
.sp_width #spSlider{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: #000;
    overflow: hidden;
}
.sp_width .bx-wrapper{
    height: 100% !important;
}
.sp_width .bx-viewport{
    position: absolute;
    z-index: 2999;
    height: 100%;
}
.sp_width .bx-viewport img{
    width: auto;
    height: 100% !important;
}
/*.sp_width .bx-controls {
    position: absolute;
    bottom: 25%;
    width: 100%;
    z-index: 4001;
}*/
.sp_width .bx-pager {
    float: right;
    width: 50px;
    margin-right: 25px;
}
.sp_width .bx-pager-item {
    float: left;
    margin: 0 6px;
}
.sp_width .bx-pager-link {
    display: block;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    background: url(../../images/icon_circle_sp.png) no-repeat;
    background-size: 12px;
}
.sp_width .bx-pager-link.active {
    background-image: url(../../images/icon_circle_sp_on.png);
}

.sp_width #top #keyVisualScroll{
    display: block;
    position: absolute;
    bottom: 15px;
    width: 100%;
    z-index: 4001;
}
.sp_width #top #keyVisualScroll a{
    display: block;
    width: 77px;
    height: 39px;
    margin: 0 auto;
    text-indent: -9999px;
    background: url(../../images/icon_scroll_sp.png) center no-repeat;
    background-size: 77px 39px;
}

.sp_width #section4,
.sp_width #section6{
    display: none;
}
.sp_width .h2_inner{
    padding:0px 10px;
}
.sp_width #section7 img{
    border-top:1px solid #d2d2d2;
}
.sp_width .h2_lead{
	margin:0px 10px;
}

/* 大同特殊鋼の紹介
 * ---------------------------------------- */
.sp_width.company #keyVisual{
    position: relative;
}
.sp_width.company #keyVisualInner h1{
    top: 38px;
}
.sp_width th br{
    display: none;
}
.sp_width #tableCompany1 td,
.sp_width #tableCompany2 td{
    font-size:120%;
}
.sp_width .count_num{
    font-size: 200%;
}
.sp_width.company th .icon1,
.sp_width.company th .icon3,
.sp_width.company th .icon5{
    width:13%;
}
.sp_width.company th .icon2{
    width:7%;
}
.sp_width.company th .icon4{
    width:10%;
}
.sp_width.company th .icon5{
    width:12%;
}
.sp_width.company th .icon6{
    width:16%;
}
.sp_width.company th .icon7{
    width:10%;
}
.sp_width.company table,
.sp_width.company table{
    border-top:1px solid #d0d0d0;
}
.sp_width.company th,
.sp_width #tableCompany2 th{
    padding: 10px 0;
}

.sp_width.company .border_b td{
    border-bottom:1px solid #c2c2c2 !important;
}
.sp_width .table1_2_2 tr:last-child{
    border:none;
}
.sp_width.group h3 span{
    background: #ff8e2f;
    color: #fff;
    line-height: 1em;
    padding: 0 1em;
    vertical-align: middle;
    font-size:0.8em;
}
.sp_width #tableCompany2 ul{
    border-top:1px solid #d0d0d0;
    padding:20px 0px;
}
.sp_width #tableCompany2 .th_orange{
    color:#ff8e2f;
    font-weight:bold;
}/*
.sp_width #tableCompany2 .th_orange img{
    width:14%;
    margin-right:10px;
}*/
.sp_width #tableCompany4 .group{
    overflow:hidden;
}
.sp_width #tableCompany4 .group ul{
    width:80%;
    margin: 0 auto;
    overflow:hidden;
}
.sp_width #tableCompany4 .group li{
    float:left;
    width:48%;
    margin-bottom:30px;
    font-size:14px;
    text-align:center;
    color:#847f6d;
	margin-right:2%;
}
.sp_width #tableCompany4 .group li img{
    width: 100%;
}
.sp_width #tableCompany4 .group .hosoku{
    clear:both;
    width:100%;
}
.sp_width.company .hosoku{
    display:block;
    margin-top:-3%;
    font-size:14px;
    background:#ebebeb;
}
.sp_width.company .t_right{
    text-align:right;
}
.sp_width.company .bnr_music{
    padding: 0 10px;
}
/* 大同特殊鋼の紹介：事業紹介
 * ---------------------------------------- */
.sp_width.business .num-value{
    margin-bottom: 0;
}
.sp_width .business-graph:after{
    content: '';
    display: block;
    clear: both;
}
.sp_width .graph-contents{
    position: relative;
    float: left;
    width: 50%;
    height: 250px;
}
.sp_width .graph-canvas{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    z-index: -9999;
}
.sp_width .center_param{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    line-height: 80px;
    font-size: 110%;
    text-align: center;
    font-weight: bold;
}
.sp_width .highcharts .center_param{
    background: url('../images/circle_white.png') no-repeat;
}
.sp_width .graph-description{
    float: right;
    width: 50%;
    text-align: center;
}
.sp_width .year-on-year{
    color: #ff8e2f;
}
.sp_width .year-on-year span{
    margin-right: 1em;
    padding: 3px 5px;
    border: 1px solid #ff8e2f;
    font-size: smaller;
}
.sp_width .annotation{
	margin-left: 1em;
	text-indent: -1em;
}

/* 大同特殊鋼の紹介：主な製造拠点
 * ---------------------------------------- */
.sp_width.factory .figcaption{
    text-align: center;
}
.sp_width #mapCanvas{
    width: 100%;
    height: 300px;
}
.sp_width .link_map {
    float: right;
    padding: 0 1em;
    color: #ff8e2f;
    border: 1px solid #ff8e2f;
}
.sp_width .address1 {
    margin-bottom: .5em !important;
    padding-bottom: .5em;
    border-bottom: 1px solid #cacaca;
}
.sp_width .address1 span,
.sp_width .address2 span{
    display: block;
}

/* 特殊鋼について
 * ---------------------------------------- */
.sp_width.specialty #keyVisualInner {
    position: relative;
}
.sp_width.specialty #keyVisualInner h1{
    top: -60px;
}
.sp_width.specialty.about h3{
    margin-bottom: 1em;
    line-height: 1.3;
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    color: #ff9746;
}
.sp_width.specialty.about .h3_inner{
    border-bottom: 1px solid #c0c0c0;
}
.sp_width.specialty.about h3 span{
    display: block;
    font-size: 120%;
}
.sp_width.specialty.about .column1_1{
    margin: 0 10%;
}
.sp_width.specialty.about .col-1th{
    margin-bottom: -5%;
    padding-bottom: 10%;
    border-bottom: 1px solid #c0c0c0;
}
.sp_width.specialty.about .col-2th{
    padding-top: 12%;
    background: url('../../specialty/images/specialty-arrow-sp.gif') top center no-repeat;
    background-size:20%;
}
.sp_width.specialty.about .figure{
    margin: 0;
}
.sp_width .specialty-about-box{
    text-align: center;
}
/*.sp_width.specialty .figcaption{
    margin:0px -30%;
}*/

.sp_width.specialty.about #genso .column1_1{
	margin:0px;
}
.sp_width.specialty.about #genso .col-2th{
	background:none;
	padding-top:0px;
	margin-bottom:10px;
}
.sp_width.specialty.about #genso .col-1th{
	border:none;
	margin-bottom:10px;
	padding-bottom:0px;
}
.sp_width .specialty1 .section{
    margin-bottom:2em;
}

/* 特殊鋼とは：特殊鋼のライフサイクル
 * ---------------------------------------- */
.sp_width.lifecycle .h2_inner{
    padding: 0;
}
.sp_width #lifecycleBG{
    display: none;
}
.sp_width #lifecycleList{
    margin: 0 0 80px 0;
}
.sp_width #lifecycleList .on_image{
    display: none;
}
.sp_width #lifecycleList ul{
    position: relative;
    /*width: 530px;*/
    height: 540px;
    margin: 0 auto;
}
.sp_width #lifecycleList li{
    position: absolute;
    display: block;
    width: 20%;
    height: 20%;
}
/*.sp_width #lifecycleList li.lifecycle-icon{
    top: 50%;
    left: 50%;
    width: 8%;
    margin-top:  -6.8%;
    margin-left:  -3%;
}*/
.sp_width #lifecycleList li[rel="circle01"]{
    top: 0;
    left: 50%;
    margin-left:  -10%;
}
.sp_width #lifecycleList li[rel="circle02"]{
    top: 9%;
    right: 15%;
}
.sp_width #lifecycleList li[rel="circle03"]{
    top: 29%;
    right: 0;
}
.sp_width #lifecycleList li[rel="circle04"]{
    bottom: 25%;
    right: 0;
}
.sp_width #lifecycleList li[rel="circle05"]{
    bottom: 4%;
    right: 15%;
}
.sp_width #lifecycleList li[rel="circle06"]{
    bottom: 9.5%;
    left: 50%;
    width: 18%;
    margin-left: -9%;
}
.sp_width #lifecycleList li[rel="circle07"]{
	bottom: -12%;
    left: 50%;
    width: 18%;
    margin-left: -9%;
}
.sp_width #lifecycleList li[rel="circle08"]{
    bottom: 4%;
    left: 15%;
}
.sp_width #lifecycleList li[rel="circle09"]{
    bottom: 25%;
    left: 0;
}
.sp_width #lifecycleList li[rel="circle10"]{
    top: 29%;
    left: 0;
}
.sp_width #lifecycleList li[rel="circle11"]{
    top: 9%;
    left: 15%;
}
.sp_width #lifecycleView{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 5000;
}
.sp_width.swipebox_show .sp_view #lifecycleView{
    display: block;
    background-color: #000;
}
.sp_width .lifecycle-box{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.1);*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.sp_width .lifecycle-box-inner{
    padding-top: 25px;
    z-index: 100;
}
.sp_width .lifecycle-box.current{
    display: block;
}
.sp_width .lifecycle-box[rel="circle01"]{
    background-image: url('../../specialty/lifecycle/images/cycle_bg01.jpg');
}
.sp_width .lifecycle-box[rel="circle02"]{
    background-image: url('../../specialty/lifecycle/images/cycle_bg02.jpg');
}
.sp_width .lifecycle-box[rel="circle03"]{
    background-image: url('../../specialty/lifecycle/images/cycle_bg03.jpg');
}
.sp_width .lifecycle-box[rel="circle04"]{
    background-image: url('../../specialty/lifecycle/images/cycle_bg04.jpg');
}
.sp_width .lifecycle-box[rel="circle05"]{
    background-image: url('../../specialty/lifecycle/images/cycle_bg05.jpg');
}
.sp_width .lifecycle-box[rel="circle06"]{
    background-image: url('../../specialty/lifecycle/images/cycle_bg06.jpg');
}
.sp_width .lifecycle-box[rel="circle07"]{
    background-image: url('../../specialty/lifecycle/images/cycle_bg07.jpg');
}
.sp_width .lifecycle-box[rel="circle08"]{
    background-image: url('../../specialty/lifecycle/images/cycle_bg08.jpg');
}
.sp_width .lifecycle-box[rel="circle09"]{
    background-image: url('../../specialty/lifecycle/images/cycle_bg09.jpg');
}
.sp_width .lifecycle-box[rel="circle10"]{
    background-image: url('../../specialty/lifecycle/images/cycle_bg10.jpg');
}
.sp_width .lifecycle-box[rel="circle11"]{
    background-image: url('../../specialty/lifecycle/images/cycle_bg11.jpg');
}
.sp_width .lifecycle-box h3{
    margin-bottom: 18px;
    padding: 0 .5em;
    color: #fff;
}
.sp_width .lifecycle-box-image{
    width: 80%;
    margin: 0 auto 15px;
}
.sp_width .lifecycle-box p{
    margin: 0 1em;
}
.sp_width #lifecycleViewController{
    display: none;
    position: fixed;
    bottom: -63px;
    left: 0;
    width: 100%;
    height: 55px;
    background: #151515;
    z-index: 7000;
}
.sp_width .sp_view #lifecycleViewController{
    display: block;
}
.sp_width #lifecycleViewController img{
    width: auto;
    height: 100%;
    margin: 0 auto;
}
.sp_width #lifecycleViewController .close,
.sp_width #lifecycleViewController .prev,
.sp_width #lifecycleViewController .next{
    position: absolute;
    bottom: 10px;
    width: 25px;
    height: 25px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}
.sp_width #lifecycleViewController .close{
    left: 10px;
    width:30px;
}
.sp_width #lifecycleViewController .close img{
}
.sp_width #lifecycleViewController .prev{
    right: 90px;
}
.sp_width #lifecycleViewController .next{
    right: 10px;
}

.sp_width.swipebox_show body{
    overflow: hidden;
}
.sp_width .swipe-controller{
    position: fixed;
    top: 50%;
    left: 0;
    margin-top: -40px;
    width: 100%;
    height: 80px;
    z-index: 6000;
}
.sp_width .swipe-controller.hide{
    z-index: -9999;
    display: none;
}
.sp_width .swipe-controller .prev{
    float: left;
    margin-left: -80px;
}
.sp_width .swipe-controller .next{
    float: right;
    margin-right: -80px;
}
.sp_width .swipe-controller img{
    width: 80px;
}

/* 主な特殊鋼
 * ---------------------------------------- */
.sp_width .specialty-main-box{
    padding: 10px;
    border: 1px solid #d0d0d0;
    position: relative;
}
.sp_width .specialty-main-title{
    margin-bottom: 1em;
    color: inherit;
    font-size:15px;
}
.sp_width .specialty-main-inner:after{
    content: '';
    display: block;
    clear: both;
}
.sp_width .specialty-main-box p{
    float: left;
    width: 70%;
    margin: 0;
}
.sp_width .specialty-main-box p.normal{
    float: none;
    width: 100%;
}
.sp_width .specialty-main-box .figure{
    float:right;
    margin: 0;
    width: 25%;
    max-width: 104px;
}
.sp_width .specialty .col{
   margin-bottom:10px;
}
.sp_width .specialty-main-inner{
   font-size:14px;
}
/* 沿革
 * ---------------------------------------- */
.sp_width.history #keyVisual{
    position: relative;
}
.sp_width.history #keyVisualInner h1{
    top: 100px;
}
.sp_width.episode .sub_nav .episode a,
.sp_width.chronology .sub_nav .chronology a{
    color: #ff8e2f;
}
/*
.episode .ch_wrap,
.chronology .ep_wrap{
    display: none;
}
*/
.sp_width .ep_wrap{
    display: none;
}
.sp_width .ep_title{
    margin-bottom: 1em;
    border-bottom: 1px solid #ff8e2f;
    color: #333;
}
.sp_width .ep_year{
    margin-right: 18px;
    color: #ff8e2f;
}
.sp_width .ep_image{
    margin-bottom: 0.5em;
    text-align: center;
    padding:0px 10px;
}
.sp_width .ep_sentence{
    padding:0px 10px;
	font-size:14px;
}
.sp_width .ch_item{
    margin-bottom: 3em;
}
.sp_width .ch_title{
    margin-bottom: .5em;
    text-align: center;
}
.sp_width .ch_title img{
    width:20% !important;
}
.sp_width .ep_item{
    margin-top: -30px;
}
/* 沿革：桃介さん
 * ---------------------------------------- */
.sp_width #founderBtn{
    display: block;
    margin: 1em 1em 0.5em 1em;
    line-height: 3em;
    text-align: center;
    border: 1px solid #a4a4a4;
    color: #333;
}
.sp_width #founder{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9600;
    color: #fff;
}
.sp_width #founder.hide{
    display: none;
    z-index: -9999;
}
.sp_width #founderBG{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
.sp_width #founder.hide #founderBG{
    z-index: 8000;
}
.sp_width #founderInner{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 1046px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
.sp_width #founder .inner{
    margin: 0 1em;
}
.sp_width #founder h3{
    margin-bottom: .8em;
    line-height: 100%;
    font-size: 20px;
    color: #fff;
}
.sp_width #founder .close_btn{
    padding: 9px 0 0;
    text-align: right;
}
.sp_width #founder .close_btn img{
    width: 26px;
}
.sp_width #founder .flgure{
    margin-bottom: .8em;
}
.sp_width #founder #btnBottom{
    padding-bottom: 3em;
}

/* 技術のあゆみ
 * ---------------------------------------- */
.sp_width.technology h2{
    margin-bottom: .5em;
    padding-bottom: .5em;
    border-bottom: 1px solid #ff8e2f;
    text-align: left;
}
.sp_width.technology h2 img{
    height: 44px;
}
.sp_width.technology .section{
    width: inherit !important;
    margin: 0 1em 2em;
}
.sp_width.technology .chronology-item{
    display: none;
}
.sp_width.technology .box-thumnail{
    position: relative;
}
.sp_width.technology .sp-col-2 .box-thumnail{
}
.sp_width.technology .sankaku{
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 20px;
    margin-left: -10px;
    z-index: 1000;
}
.sp_width.technology .open .sankaku{
    display: block;
}
.sp_width.technology .box-contents{
    display: none;
    padding: 25px;
    background: #f0f0f0;
}
.sp_width.technology .box-contents h3{
    margin-bottom: 1em;
    line-height: 100%;
    color: #8b8b8b;
}
.sp_width.technology .box-item {
    width: 50% !important;
    float: left;
}
.sp_width.technology .box-section-image{
    margin-bottom: 1em;
}
.sp_width .box-section-image + .box-section{
}
.sp_width .box-section-border{
    padding-top: 23px;
    border-top: 1px solid #b5b5b5;
}
.sp_width .box-contents-area{
    clear: both;
}
.sp_width .box-close{
    clear: both;
}
.sp_width .box-close a{
    display: block;
    border: 1px solid #cdcdcd;
    text-align: center;
    color: inherit;
}
.sp_width.technology .num-value{
    margin-bottom: .5em;
    font-size: 120%;
    line-height: 120%;
    color: #ff8e2f;
}
.sp_width .num-value span{
    font-size: 200%;
}
.sp_width.technology #section1-2{
    clear:both;
}

/* 製品紹介
 * ---------------------------------------- */
.sp_width.product .section{
    margin-bottom: 1em;
}
.sp_width.product .inner{
    width: 100%;
    margin: 0;
}
.sp_width.product h2 img{
    width: 100%;
    height: auto;
}
.sp_width.product h3{
    background: url('../../product/images/icon_ac_top.png') right 1.8em no-repeat;
    color: inherit;
    font-weight: normal;
    background-size: 1em;
    padding: .8em 1em 0 0;
    font-size:16px;
}
.sp_width.product .close h3{
    /*margin: 0 1em;*/
    background-image: url('../../product/images/icon_ac_bottom.png');
    font-size:16px;
}
.sp_width.product h3 img {
    width: auto;
    height: 35px;
    margin-right: 2px;
}
.sp_width.product .read{
	font-size:110%;
	margin-bottom:1em;
}
.sp_width .product-head p{
    margin: 0 1em;
}
.sp_width .product-contents{
    margin-top: .5em;
}
.sp_width .product-contents p{
    margin: 0;
}
.sp_width .product-thumnail{
    margin-top: 1em;
}
.sp_width .product-column.column1:first-child{
    border-top: 1px solid #bebebe;
}
.sp_width .product-column.column1,
.sp_width .product-column.column2,
.sp_width .product-column-left,
.sp_width .product-column-right{
    margin: 0 1em;
}
.sp_width .product-col{
    height: 51px;
    padding: 0 0 .8em;
    border-bottom: 1px solid #bebebe;
    overflow: hidden;
    /*position: relative;*/
}
.sp_width .product-col-closebtn{
    display: block;
    height: 3em;
    margin: 1em 0 0;
    line-height: 3em;
    text-align: center;
    background: #eaeaea;
    color: #5d5d5d;
}


/* 安全・品質
 * ---------------------------------------- */
.sp_width .safety .col{
    margin-bottom:-0.5em;
}
.sp_width .safety .figcaption{
    font-size:14px;
}
.sp_width .safety .col-2th,
.sp_width .safety .col-2th .figure{
    margin:0px;
}
.sp_width .safety .t_center{
    text-align:left !important;
}
 
 
/* 社会活動
 * ---------------------------------------- */
.sp_width.society .col{
    margin-bottom:-0.5em;
}
.sp_width.society h3 br{
    display:none;
}
.sp_width.society .figcaption{
    font-size:14px;
}
.sp_width.society .figcaption{
    margin:0.5em 0em;
}
.sp_width.society .col-2th,
.sp_width.society .col-2th .figure{
    margin:0px;
}

/* サイトのご利用について
 * ---------------------------------------- */
.sp_width.sitepolicy h1{
    height:24px;
    margin:30% 0 10%;
}
.sp_width.sitepolicy h1 img{
    width: auto !important;
    height:100%;
}
.sp_width.sitepolicy h2{
    margin-bottom: 1em;
    line-height: 1.3;
    text-align: left;
    font-size: 117%;
    font-weight: normal;
    color: #ff8e2f;
}
.sp_width.sitepolicy h3{
    margin-top:40px;
    color:#333;
    font-weight:bold; 
}
.sp_width.sitepolicy .dl_format dt {
    color: #ba4720;
    font-size: 16px;
    font-weight: normal;
    padding-left: 15px;
    margin-top:20px;
}
.sp_width.sitepolicy .dl_format dd {
    margin-bottom: 10px;
    padding-left: 15px;
}

/* 音楽
 * ---------------------------------------- */
.sp_width.music h1{
    margin:20% 0 10%;
    height:24px;
}
.sp_width.music h1 img{
    width:auto !important;
    height:100%;
}
.sp_width.music h2{
    margin-bottom: 1em;
    line-height: 1.3;
    text-align: left;
    font-size: 117%;
    font-weight: normal;
    color: #ff8e2f;
}
.sp_width.music .waku{
    border:1px solid #9d903c;
    overflow:hidden;
    padding:3%;
    margin-bottom:30px;
}
.sp_width.music .waku h4{
    margin-bottom:1em;
}
.sp_width.music dl{
    font-size:14px;
}
.sp_width.music dl dd {
    margin-top: 10px;
}
.sp_width .music_title{
    text-align:center;
    font-size:16px;
    margin-bottom:2em !important;
}
.sp_width.music dl dd span {
    color: #9d903c;
}
.sp_width .music_btn_l,
.sp_width .music_btn_r{
    margin-bottom:40px;
    text-align:center;
}
.sp_width .music_btn_l p,
.sp_width .music_btn_r p{
    margin-bottom:0px !important;
    }
.sp_width .music_btn_r a,
.sp_width .music_btn_l a{
    display: block;
    border:1px solid #6e6e6e;
    text-align:center;
    padding:15px 0px;
    font-size:20px;
    color:#6e6e6e;
}
.sp_width .music_btn_r a:hover,
.sp_width .music_btn_l a:hover{
    border:1px solid #ff8e2f;
    color:#ff8e2f;
}


/* 装飾関連
 * ---------------------------------------- */
.sp_width .sp_none{
    display: none !important;
}

/* ================================================ */
/* ====================== TABLET ====================== */
/* ================================================ */

.tablet_device.pc_width .history .ch_title{
	width:18%;
	margin-left:-9%;
}
.tablet_device.sideway.pc_width  #section9 .top_contents{
	position:absolute;
	bottom:30px;
}
.tablet_device.sideway.pc_width.company #keyVisualInnerWrap,
.tablet_device.sideway.pc_width.history #keyVisualInnerWrap,
.tablet_device.sideway.pc_width.specialty #keyVisualInnerWrap,
.tablet_device.sideway.pc_width.product #keyVisualInnerWrap,
.tablet_device.sideway.pc_width.technology #keyVisualInnerWrap,
.tablet_device.sideway.pc_width.society #keyVisualInnerWrap{
	top:100px;
}
.tablet_device.sideway.pc_width.product #keyVisualImg{
	background-position:130px 0px;	
}
.tablet_device.sideway.pc_width  #section2 .top_contents p,
.tablet_device.portrait.pc_width  #section3 .top_contents p,
.tablet_device.pc_width .history #keyVisualInner p,
.tablet_device.pc_width .history #keyVisualInner p,
.tablet_device.pc_width .company #keyVisualInner p,
.tablet_device.sideway.pc_width .society #keyVisualInner p{
	text-shadow:1px 1px 1px #fff,1px 1px 1px #fff,1px 1px 2px #fff;
}