/* all common */
/* Display socroll bar for Under 1264px Resolution PC */
body{
	overflow-x: hidden;
}
.row,
.col-md-12,
div.section.siteContent,
div.entry-body{
	padding:0;
	margin:0;
}	

@media only screen and (max-width:1100px){
	body{ overflow-x : scroll; }
    .page .entry-body { width: 1072px; }
}

@media only screen and (max-width:768px){
	body{ overflow-x: hidden; }
    .page .entry-body { width: 100%; }
}

/* common */
.top_box,
.bottom_box{
	position:relative;
	width:880px;
	margin:0 auto;
	font-family:"ヒラギノ明朝 W3 JIS2004" , "Hiragino Mincho W3 JIS2004";
	font-size:14px;
	color:#000;
}
@media only screen and (max-width:1264px){
	.top_box,
	.bottom_box{
		margin-left:192px;
	}
}

.top_cont{
	width:100%;
	padding:50px 0 50px 0;
}
.com_cont{
	border-bottom: thin solid #000000;
	width:100%;
	padding:0 0 50px 0;
}
.top_cont h2{
	font-size: 36px;
	transform: scale( 0.85,1 );
	-moz-transform-origin: left top; /* Firefox※ */
	-webkit-transform-origin: left top; /* Chrome,Safari */
	-o-transform-origin: left top; /* 旧Opera※ */
	-ms-transform-origin: left top; /* IE */
	transform-origin: left top; /* CSS3 */
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border-top: none;
	border-bottom: none;
	font-family:"ヒラギノ明朝 W3 JIS2004" , "Hiragino Mincho W3 JIS2004";
	font-weight: lighter;
	vertical-align:top;
}
.top_cont h3,
.com_cont h3{
	font-size:24px;
	transform: scale( 0.85 ,1 );
	-moz-transform-origin:    left top; /* Firefox※ */
	-webkit-transform-origin: left top; /* Chrome,Safari */
	-o-transform-origin:      left top; /* 旧Opera※ */
	-ms-transform-origin:     left top; /* IE */
	transform-origin:         left top; /* CSS3 */
	border-bottom: none;
	box-shadow:none;
	font-family:"ヒラギノ明朝 W3 JIS2004" , "Hiragino Mincho W3 JIS2004";
	font-weight: normal;
}

.top_cont h3:after,
.com_cont h3:after{
	border-bottom: none;
}

.top_cont #section,
.com_cont #section {
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width:100%;
}

.top_cont #section_center{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;	
	width:100%;
}
.top_cont #section_left{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;	
	width:100%;
}
.top_cont #section_right{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;	
	width:100%;
}
.top_cont #section div#slogan{
	width:50%;
}
.top_cont #section  span{
	font-size:12px;
}
.top_cont  h4{
	padding: 5px 0;
	background-color: #fff;
	border-radius: 0;
	font-size: 18px;
	font-family:"ヒラギノ明朝 W3 JIS2004" , "Hiragino Mincho W3 JIS2004";
	font-weight: normal;
}
.top_cont ol{
	padding: 0;
	margin: 0;
}
.top_cont ol li{
	padding: 0;
	margin: 0 0 5px 15px;
	list-style-position:outside;
}

div#top_main.top_cont,
div#hardloy.top_cont,
div#process.top_cont{
	padding: 50px 0 0 0;
}

/* arrow pagetop */
a.arrow{
	color: #000;
	border:none;
	text-decoration: none;
}
a.arrow:hover{
	color: #aaaaaa;
	border:none;
	text-decoration: none;
}
.arrow{
	position: relative;
	display: inline-block;
	padding: 0 30px 0 0;
	margin-top: 56px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 20px;
	float: right;
	transform: scale( 0.85 ,1 );
	-moz-transform-origin:    left top; /* Firefox※ */
	-webkit-transform-origin: left top; /* Chrome,Safari */
	-o-transform-origin:      left top; /* 旧Opera※ */
	-ms-transform-origin:     left top; /* IE */
	transform-origin:         left top; /* CSS3 */
}
.arrow::before,
.arrow::after{
	position: absolute;
	top: 10;
	bottom: 0;
	left: 10;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.pagetop::after{
	right:0;
	width: 18px;
	height: 18px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.gototop_area{
	width:100%;
	padding: 35px 0px;
}
.gototop_area a{
	display: block;
	width: 78px;
	height: 27px;
	margin-left: auto;
	padding:0;
	transform: scale( 0.85 , 1 );
	-moz-transform-origin: right top;
	-webkit-transform-origin: right top;
	-o-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
	background-image: url(/assets/c/uploads/2018/05/arrow.png);
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: 1px;
	background-size: 26px;
	border:none;
	text-decoration: none;
	text-align: left;
	color: #000;
	font-size: 22px;
}
.top_cont table{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border-top: none;
}
.top_cont table th, table td{
	padding: 1px;
	border:none;
}

/* top */
#toptext{
	z-index: 99;
	position: absolute;
	right: 0px;
	text-align:right;
	width: 570px;
	top: -308px;
}

.topmain_btn{
	position: relative;
    left: -15px;
	display: inline-block;
	padding: 8px 16px;
	margin:8px -20px 0 0;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	border: 1px solid #000;
	width:204px;
	transform: scale( 0.85 ,1 );
	-moz-transform-origin:    center top; /* Firefox※ */
	-webkit-transform-origin: center top; /* Chrome,Safari */
	-o-transform-origin:      center top; /* 旧Opera※ */
	-ms-transform-origin:     center top; /* IE */
	transform-origin:         center top; /* CSS3 */
}
a.topmain_btn:hover{
	background-color: #4e738a;
	border-color: #4e738a;
	text-decoration: none;
	color: #fff;
}
.topmain_btn::before,
.topmain_btn::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10;
	content: "";
	margin: auto;
	vertical-align: middle;
}
.navi_arrow::after{
	content: ">";
	font-size: 22px;
	right: 16px;
	top: 3px;
	font-weight:100;
}
#section_left h2{
	margin-bottom:20px;
}

#top_main h2{
	margin-bottom: 40px;
	line-height: 1;
}
#top_main h3{
	margin: 0 0 24px 0;
	padding: 0;
	line-height: 1;
}
#top_main #section_left {
	align-items: center;
}
#top_main #section_left > div{
	margin-left: 40px;
}
#top_main #section_right {
	margin-top:100px;
}
#top_main #section_right > div {
	margin: 74px 40px 0 0;
	text-align: right;
}
#top_main #section_right a.topmain_btn{
	text-align: left;
	margin-top: 20px;
    width: 184px;
    width: 184px;
}

/* slogan */
div#slogan.top_cont{
	padding:112px 0 99px 0;
}
#slogan h2{
	line-height: 1.5em;
}
div#slogan.slogan_str{
	width: 392px;
	margin-right: 0px;	
}
.slogan_str{
	width: 438px;
	font-size:15px;
}

/* company */
div#company.com_cont{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	width: 100%;
    padding: 0 0 64px 0;
}
.com_cont .section_company {
    display: block;
	width:100%;
}
#companyarea {
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width:100%;
    margin: 0 0 46px 0;
}
#company h3 {
	margin-bottom: 39px;
}
#company dt dd{
	margin-top: 0;
	margin-bottom: 20px;
}
#company dt,
#company dd {
	border: none;
	padding-left: 0px;
}
#company dl{
	margin-top: 0;
	margin-bottom: 20px;
}
#company dl.last{
	margin: 0;
}
.company_prof{
	width:548px;
	margin-top:52px;
}
.company_prof-l{
	width: 224px;
}
.company_prof-r{
	width: 288px;
}
.company_prof-full{
	width: 100%;
}
.company_prof-full dl{
	margin: 0;
}
.company_prof-full a{
	color:  #4e738a;
	text-decoration: none;
}
.company_prof-full a:hover{
	color:  #4e738a;
}
.company_prof-b{
	width:100%;
	border-top: thin solid #000000;
	padding-top:45px;
}
.company_img{
	width:276px;
	height:100%;
	margin-right:56px;
}
.company_shozaichi{
	line-height: 1.3 !important;
}
.company_tel{
	font-size: 14px !important;
	margin-right: 12px;
}
.company_fax{
	font-size: 14px !important;
	margin-right: 10px;
}
.section_company dt{
	margin-bottom: 7px;
}
.section_company dd{
	margin-top: 0;
	margin-bottom: 0;
}
.section_company dd >p {
	line-height: 1.42857143;
	margin: 5px 0 0 0;
}
.section_company dd.company_officer{
	line-height: 1.75;
}
.section_company dl.company_contents dd {
	line-height: 1.7;
}
#company .section_company .company_prof-l dl:last-of-type,
#company .section_company .company_prof-r dl:last-of-type {
    margin-bottom: 0;
}

/* company > Suppliers*/
#Suppliers {
	width:100%;
    display: block;
    border-top: 1px solid #000;
	padding: 30px 0 23px 0;
    margin: 0;
}
#Suppliers p.Suppliers_title{
	width:100%;
	line-height: 1;
	margin: 0 0 12px 0;
}
#Suppliers p.list1{
    width: 182px;
    line-height: 1.75;
    display: inline-block;
	margin: 0 74px 0 0 ;
}
#Suppliers p.list2{
    width: 267px;
    line-height: 1.75;
    display: inline-block;
	margin: 0;
}
#history {
	width:100%;
    display: block;
    border-top: 1px solid #000;
	padding: 30px 0 0 0;
}
#history h5 {
    border-top: none;
    border-bottom: none;
    background-color: transparent;
    line-height: 1;
    font-size: 21px;
    font-weight: normal;
    padding: 0;
    margin: 0 0 22px 0;
}
#history dl {
    width: 100%;
    display: block;
}
#history dl dt {
    width: 82px;
    display: inline-block;
    margin: 0 16px 0 0;
}
#history dl dt span {
    width: 32px;
    display: inline-block;
    text-align: right;
}
#history dl dd {
    width: 450px;
    display: inline-block;
    vertical-align: top;
    line-height: 1.5;
    margin: 0 0 8px 0;
}

/* company > factory */
div#factory h3{
	line-height: 1;
	padding: 0;
	margin: 0 0 60px 0;
}
div#factory.top_cont{
	padding: 68px 0 96px 0;
	border-bottom: thin solid #000000;
}
#factory div.inner_cont{
/*	padding-left: 48px;
	border-left: thin solid #000000;
	margin: 48px 0 96px 0;*/
}
div.factory_gl,
img.factory_gl_main {
	float: left;	
}
div.factory_gl{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: space-between;
	height:276px;
	width:142px;
	margin:0 45px 0 8px;
}
.factory_gl img{
	margin:0;
}
.factory_gl img.last{
	margin-bottom:140px;
}
div.factory_headtitle,
div.factory_headoffice{
	width:182px;
	float: left;
}
div.factory_headtitle{
	margin: 80px 0 0 0;
}
div.factory_headoffice{
/*
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin:0;
    */
    display: block;
    margin: 45px 0 0 0 ;
}
.factory_headtitle h5{
	font-size:21px;
    border-top: none;
	border-bottom: none;
	background-color: #fff;
	padding: 0;
	margin: 0;
}
p.factory_headoffice_title{
	width:100%;
    line-height: 1;
    margin: 0;
}
div.factory_facility{
	width:100%;
	margin-bottom:42px;
}
.factory_facility h4{
	width:100%;
    font-size: 14px;
    line-height: 1;
    border-radius: 0px;
    border-bottom: thin solid #000000;
    padding: 24px 0 8px 0;
    margin: 1.5em 0 1.2em;
}
.factory_facility_list {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap:wrap;
    justify-content: space-between;
}
.factory_facility_list .list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap:wrap;
    align-content: flex-start;
}
.factory_facility_list .list p {
    width: 100%;
    text-indent: -0.4em;
    margin: 0 0 12px 0;
}
.factory_facility_list .list dl,
.factory_facility_list .list dd,
.factory_facility_list .list dt {
    display: inline-block;
    border: none;
    line-height: 1;
    font-weight: normal;
    padding: 0;
    margin: 0;
}
.factory_facility_list .list dd,
.factory_facility_list .list dt {
    margin: 0 0 10px 0;
}
.factory_facility_list .sozai { width: 356px; justify-content: space-between;}
.factory_facility_list .sozai dl { width: 150px; }
.factory_facility_list .sozai dt { width: 120px; }
.factory_facility_list .sozai dd { width:  30px; text-align: right; }

.factory_facility_list .kakou { width: 440px; justify-content: space-between;}
.factory_facility_list .kakou dl.list1 { width: 210px; }
.factory_facility_list .kakou dl.list1 dt { width: 184px; }
.factory_facility_list .kakou dl.list1 dd { width:  26px; text-align: right; }

.factory_facility_list .kakou dl.list2 { width: 160px; }
.factory_facility_list .kakou dl.list2 dt { width: 98px; }
.factory_facility_list .kakou dl.list2 dd { width: 60px; text-align: right; }

/*  company > factory > access */
div.com_access{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
div.com_access_map{
	width:276px;
    height: 192px;
}

div.com_access_tx{
	width: 496px;
	height: 192px;
	margin-left:56px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	align-items: center;
}
div#factory .com_access_tx h3{
	width: 100%;
	transform: scale( 1 , 0.95 );
		-moz-transform-origin: left top;
		-webkit-transform-origin: left top;
		-o-transform-origin: left top;
		-ms-transform-origin: left top;
	transform-origin: left top;
	margin: 6px 0 0 0;
	padding: 0;
}
.com_access_tx dl{
	margin: 30px 0 0 0;
	height: 128px;
	border-left: 1px solid #000;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
	display: flex;
	align-items: center;
}
.com_access_tx dt{
	border-left-color:none;
	border-left-width:0;
	float:left;
	clear:left;
	width: 60px;
	vertical-align:middle;
	line-height:150px;
}
.com_access_tx dd{
	border: none;
	padding-left: 20px;
	margin: 0;
}
.com_access_tx p.com_access_address {
    line-height: 1.3;
    margin: 0 0 8px 0;
}
.com_access_tx p.com_access_tel{
    line-height: 1;
    margin: 0 0 4px 0;
}
.com_access_tx p.com_access_tel span {
    display: inline-block;
    text-indent: 10px;
}
.com_access_tx p.com_access_fax{
    line-height: 1;
    margin: 0 0 16px 0;
}
.com_access_tx p.com_access_fax span {
    display: inline-block;
    text-indent: 8px;
}
.com_access_tx p.com_access_station{
    line-height: 1;
    margin: 0;
}
.com_access_map iframe {
	border: 0px;
	width: 276px;
	height: 192px;
}

/*  company > Group company */
div#group.top_cont{
	padding: 62px 0 74px 0;
	border-bottom: thin solid #000000;
}
#group h3{
	margin-bottom: 49px;
}
#group #meikofuta_group,
#group #cast_group,
#group #vtcmanu_group { width: 293px; }
#group dt{
	border: none;
	font-size: 16px;
	margin: 0;
	padding: 0 0 7px 0;
}
#group dd{
	border: none;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
#group #meikofuta_group img { width: 224px; margin: 0 0 0 15px; } 
#group #cast_group img    { width: 182px; margin: 0 0 0 24px; }
#group #vtcmanu_group img { width: 182px; margin: 0 0 0 21px; }

#group #meikofuta_group dl { margin: 13px 0 0 58px; } 
#group #cast_group    dl { margin: 13px 0 0 67px; }
#group #vtcmanu_group dl { margin: 13px 0 0 64px; }

#group #vtcmanu_group dt{ font-size: 14px; }


/* business */
.business_section{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
	width:100%;
}
.business_section div.business_top_image{
	width:392px;
	margin:10px 64px 0 0;
}
.business_section div.business_top_text{
	width:424px;
	padding: 0;
}
p.hi_line_heght{
	line-height:2.2em;
}
.kerning{
	letter-spacing:-1px;
}

#hardloy.top_cont h2,
#process.top_cont h2,
#recruit.top_cont h2 {
    font-size: 26px;
}
#hardloy.top_cont h3 {
	margin-bottom: 16px
}
#process.top_cont h3 {
	margin-bottom: 6px
}
#hardloy .business_top_text h4,
#process .business_top_text h4,
#recruit .business_top_text h4 {
	font-size: 29px;
	margin: 0 0 8px 0;
	padding: 0;
}
#hardloy .business_top_text hr,
#process .business_top_text hr{
	margin: 36px 0;
	border: 0;
	border-top:1px solid #000; 
}

/* ---------------- hardloy ----------------*/
#hardloy h5{
	width:100%;
	line-height:1;
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	background: none;
}
#hardloy p{
	line-height:1.6em;
	font-size:14px;
	margin:0;
}
#hardloysection {
    text-align: center;
    margin: 0 0 62px 0;
}
#hardloysection .logo {
    margin: 12px 0 80px 0;
}
#hardloysection .logo2 {
    margin: 0 0 36px 0;
}
#hardloysection h4 {
    line-height: 1;
    padding: 0;
    margin: 0 0 17px 0;
}
#hardloysection > p {
    line-height: 2;
    margin: 0 0 30px 0;
}
#hardloysection > hr {
    margin: 0 0 16px 0;
    border-top: 1px solid #000;
}
#hardloysection .youto,
#hardloysection .youto2 {
    display: inline;
    line-height: 1;
    font-size: 12px;
}
#hardloysection .youto {
    margin: 0 1.5em 0 0;
}

/*----- 合金特性 -----*/
#goukintokusei {
    margin: 0 0 56px 0;
}
#goukintokusei h4 {
    line-height: 1;
    padding: 0;
    margin: 0 0 18px 0;
}
#goukintokusei table {
    margin: 0 0 15px 0;
}
#goukintokusei table tr td {
    text-align: center;
    font-size: 14px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 5px 0 2px 0;
}
#goukintokusei table tr .column-1 {
    width: 40px;
    font-size: 12px;
}
#goukintokusei table tr .column-1.lastitem {
    border-bottom: none;
}
#goukintokusei table tr .column-2,
#goukintokusei table tr .column-3 { width: 80px; }
#goukintokusei table tr .column-4,
#goukintokusei table tr .column-5,
#goukintokusei table tr .column-6,
#goukintokusei table tr .column-7 { width: 170px; }

#goukintokusei table tr:first-of-type td {
    font-size: 12px;
    padding: 9px 0 3px 0;
}
#goukintokusei table tr:last-of-type td {
    border-bottom: none;
}
#goukintokusei table tr td:last-of-type {
    border-right: none;
}

/*----- 合金用途 -----*/
#goukinyouto {
    margin: 0 0 59px 0;
}
#goukinyouto h4 {
    line-height: 1;
    padding: 0;
    margin: 0 0 18px 0;
}
#goukinyouto table {
    margin: 0 0 15px 0;
}
#goukinyouto table tr td {
    text-align: center;
    font-size: 14px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 5px 0 2px 0;
}
#goukinyouto table tr:first-of-type td {
    text-align: center;
    font-size: 12px;
    padding: 9px 0 3px 0;
}
#goukinyouto table tr .column-1 {
    width: 40px;
    font-size: 12px;
}
#goukinyouto table tr .column-2,
#goukinyouto table tr .column-3 { width: 80px; }
#goukinyouto table tr .column-4 {
    width: 680px;
    text-align: left;
    font-size: 14px;
    padding: 5px 8px 2px 20px;
}
#goukinyouto table tr td:last-of-type {
    border-right: none;
    border-left: 1px solid #000;
}
#goukinyouto table tr:last-of-type td,
#goukinyouto table tr .lastitem {
    border-bottom: none;
}

/*----- 用途展開例 -----*/
#youtotenkai h4 {
    line-height: 1;
    padding: 0;
    margin: 0 0 18px 0;
}
#youtotenkai {
    width: 100%;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
#youtotenkai h4 { width: 100%; }
#youtotenkai .text_area { 
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 422px;
    border-top: 1px solid #000;
    padding: 0 0 0 20px;
    margin: 0 14px 0 0;
}
#youtotenkai .text_area.lastitem {
    border-bottom: 1px solid #000;
}
#youtotenkai .text_area p {
    line-height: 2.1;
}
#youtotenkai .image_area {
    width: 444px;
}
#youtotenkai .image_area img {
    width: 100%;
    padding: 4px 0;
}

/* ---------------- process----------------*/
#process_top {
    margin: 0 0 63px 0;
}
#process_top .text1 {
    font-size: 18px;
}
#process_section {
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    flex-wrap: wrap;
    margin: 0 0 84px 0;
}
#process_section .image_area {
    width: 400px;
    margin: 0 40px 8px 0;
}
#process_section .text_area {
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 440px;
    margin: 0 0 8px 0;
}
#process_section .text_area h4 {
    width: 100%;
    border-bottom: 1px solid #000;
    border-radius: 0;
    font-size: 16px;
    padding: 0 0 10px 0;
    margin: 0 0 38px 0;
}
#process_section .text_area p {
    width: 100%;    
    text-align: justify;
    line-height: 1.5;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

#kodawari {
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #000;
}
#kodawari > h4 {
    display: block;
    width: 100%;
    margin: 17px 0 19px 0;
}
#kodawari .line {
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 288px;
}
#kodawari .text_area h5 {
    width: 100%;
    text-align: center;
    background-color: transparent;
    border: none;
    line-height: 1.6;
    font-size: 16px;
    margin: 0 0 4px 0;
    padding: 0;
}
#kodawari .text_area p {
    width: 100%;
    text-align: justify;
    line-height: 1.42;
    font-size: 14px;
    margin: 0 0 19px 0;
    padding: 0 14px;
}

/* ---------------- recruit----------------*/
.recruittopimg {
    width: 100%;
    margin: 0 0 53px 0;
}
@media only screen and (max-width:1100px){
    .recruittopimg { width: 1072px; }
}

.top_cont#recruit {
	width:100%;
	padding: 0;
}
#recruit img.topimg {
    margin: 0 0 64px 0;
}
#recruit h2 {
    margin: 0 0 40px 0;
}
#recruit h4 {
    width: 800px;
    border-bottom: 1px solid #000;
    line-height: 1;
    font-size: 18px;
    padding: 0 0 20px 0;
    margin: 0;
}
#recruitinfo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 76px 0;
}

#recruitinfo h4 {
    margin: 0 0 47px 0;
}

#recruitinfo dl {
    width: 424px;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    padding: 0;
    margin: 0;
}

#recruitinfo dl dt{
    width: 96px;
    font-size: 13px;
}
#recruitinfo dl dd{
    width: 328px;
    font-size: 14px;
}

#recruitinfo dl dt,
#recruitinfo dl dd {
    border: none;
    line-height: 1.5;
    font-weight: normal;
    padding: 0;
    margin: 0 0 20px 0;
}

#recruitflow    { margin: 0 0 44px 0 }
#recruitflow h4 { margin: 0 0 28px 0; }
#recruitflow ol { margin: 0 0 28px 0; }

#recruitflow ol li {
    list-style-position: inside;
    padding: 0;
    margin: 0 0 13px 0;
}
#recruitflow ol li p.stepdetail {
    line-height: 1;
    font-size: 13px;
    padding: 4px 0 0 1.3em;
    margin: 0;
}
#recruitflow p.recruitflownote {
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
}
#recruitcontact {
    width: 100%;
    border-left: 1px solid #000;
    padding: 0 0 0 20px;
}
#recruitcontact h4 {
    border: none;
    font-size: 14px;
    padding: 5px 0 0 0;
    margin: 0 0 20px 0;
}
#recruitcontact  p {
    line-height: 1;
    margin: 0 0 12px 0;
}
#recruitcontact ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#recruitcontact li {
    line-height: 1;
    margin: 0 0 3px;
}
#recruitcontact ul li p {
    display: inline-block;
    width: 33px;
    font-size: 16px;
    margin: 0 1em 0 0;
}
#recruitcontact ul li a {
    color: #000;
}
#recruitcontact ul li a:hover {
    text-decoration: none;
    color: #4e738a;
}

/* Contact */
.top_box.form_area {
    margin-top: 0;
}
div#contact.top_cont{
	padding: 50px 0 0 0;
}
div#contact_notice{
	width: 100%;
	margin-right: 0 !important;
}
.notice{
	font-size: 14px;
	line-height: 1.5em;
}
.notice_detail{	
	font-size: 12px;
	line-height: 1.3em;
	margin-bottom: 0.8em;
}
div#contact-box{
	display: flex;
	flex-direction: row;
	margin-right: 0 !important;
}
#contact-box p {
	margin:0px;
}
.contact-v-r{
	margin-right: 0px !important;
	margin-left: 24px;
	width:250px;
}
.contact-v-l{
	margin-right: 0;
	width:250px;
}

/* for ContactForm7 */
.wpcf7 {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体",YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	-webkit-text-stroke: 0.1px #000;
}
.input_area{
	width: 250px;
	height:29px;
	background-color: #fff;
	border:solid 1px #ccc;
	-webkit-appearance: none;
	border-radius: 0;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体",YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif !important;
}
.inputtext_area{
	width: 250px;
	height:265px;
	background-color: #fff;
	border:solid 1px #ccc;
	-webkit-appearance: none;
	border-radius: 0;
	resize: vertical;
	margin: 0;
	padding: 0;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体",YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif !important;
}
.submit_btn{
	background-color: #fff;
	border:solid 1px #000;
	color:#000;
	padding: 4px 11px;
	letter-spacing: 2px;
	float: right;
	margin-top: 13px;
	-webkit-appearance: none;
	border-radius: 0;
}
.acc_chk{
	width:16px;
	height:16px;
	margin:0;
	background-color: #fff;
	border:solid 1px #ccc;
}
.wpcf7 .wpcf7-response-output {
	width:100%;
	border: 2px solid #f00;
	color: #f00;
	margin: 2em 0 1em;
	text-align: center;
}
.wpcf7 .wpcf7-mail-sent-ok {
	width:100%;
	border: 2px solid #00B540;
	color: #00B540;
}
.wpcf7-validation-errors,
.wpcf7-not-valid-tip {
	color: #f00;
}
.cf7_btn_area{
	margin-top: 15px;
}
.cf7_recap_area{
	width:302px;
}
.cf7_acc_area{
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	text-align:right;
	margin-left:0px;
	width:224px;
}
.acceptance_area{
	width:224px;
	height:30px;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
}
.cf7_pp_link_PC{
	width: 182px;
	margin-left: 5px;
}
.cf7_pp_link_SP{
	display: none;
}
.cf7_sendbtn_area{
	width:224px;
}
div.wpcf7 .ajax-loader {
    margin: 18px 16px 0 0 !important;
}
div.chk-box {
	width: 16px;
	height:16px;
	margin-left: 17px;
}
div.chk-box > .acceptance-127 {
    display: none;
}
div.chk-box br {
	display: none;
}
div.chk-box input {
	display: none;
}
div.chk-box label {
	width:16px !important;
	height:16px;
	background-image: url(/assets/c/uploads/2018/05/chk.png);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 0 0;
	margin:0;
	padding:0;
}
div.chk-box label.checked {
	background-image: url(/assets/c/uploads/2018/05/chked.png);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 0 0;
}

.pc_item{
	display: block;
}
br.pc_item{
	display:inline;
}
.sp_item{
	display:none;
}

/* thanks page */
.thankspage{
	padding: 50px 0 50px 0;
}


/* ------ toggle Contents ------*/
.open_cont{
	display: block !important;
}

/* ------ for 768px以上 -------*/
@media only screen and (min-width:768px){
    #goukintokusei .toggletitle,
    #goukinyouto .toggletitle {
		pointer-events: none;
	}	
    #goukintokusei .togglecont
    #goukinyouto .togglecont {
        display: block;
	}
}

/* ------ for SP 固定ページ ------ */
@media only screen and (max-width:768px){
	br.pc_item,
	.pc_item{
		display: none;
	}
	.sp_item{
		display: inline-block;
	}
	div.section.siteContent{
		padding-bottom:0;
	}
	div#company.com_cont,
	div#e.top_cont,
	div#lightmetals.top_cont{
		padding: 0;
		margin-top: 18vw;
	}
	.top_box{
		width:100%;
		margin:0px auto;
		font-size: 2.9vw;
	}
	#toptext{
		z-index: 99;
		position: absolute;
		width: 100%;
		height: 38vw;
		top: -42.5vw;
		text-align: right;
	}
	#toptext img{
		height:100%;
		width:auto;
	}
	.top_cont #section{	
		width:100%;
		flex-direction:column; 
	}
	.top_cont #section div#slogan img{
		overflow:hidden;
	}
	.top_cont h2{
		font-size: 6vw;
		transform: scale( 0.85 , 1 );
		-moz-transform-origin: center top;
		/* Firefox※ */
		-webkit-transform-origin: center top;
		/* Chrome,Safari */
		-o-transform-origin: center top;
		/* 旧Opera※ */
		-ms-transform-origin: center top;
		/* IE */
		transform-origin: center top;
		/* CSS3 */
	}
	.com_cont h3,
	.top_cont h3{
		font-size:6vw;
		transform: scale( 0.85 , 1 );
		-moz-transform-origin: center top;
		/* Firefox※ */
		-webkit-transform-origin: center top;
		/* Chrome,Safari */
		-o-transform-origin: center top;
		/* 旧Opera※ */
		-ms-transform-origin: center top;
		/* IE */
		transform-origin: center top;
		/* CSS3 */
	}
	.top_cont h4{
		font-size: 4.5vw;
		margin-top: 2vw;
	}
	.top_cont h2,
	.com_cont h3,
	.top_cont h3,
	.top_cont h4 {
		text-align: center;
	}
	
	.topmain_btn{
		padding: 1.6vw 3.2vw;
		margin: 1.6vw -3.5vw 0 0;
		font-size: 3vw;
		width: 35vw;
	}
	.navi_arrow::after{
		font-size: 4.3vw;
		right: 3.2vw;
		top: 0.55vw;
	}

/* for SP slogan */
	div#slogan.top_cont{
		padding:10vw 0 10vw 0;
		width:100%;
	}
	.slogan_image{
		display:none;
	}
	.slogan_text{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.slogan_text img{
		width:100%;
	}

/* for SP comapny */
    #companyarea {
        display: block;
        margin: 0 0 7.6vw;
    }
	.company_prof{
		margin-top:0px;
		width:100%;
	}
	.company_img{
		display:none;
	}
	#group{
		text-align:center;
	}
	div#company.top_cont{
		padding: 10vw 0 7vw 0;
	}
	#company h3 {
		margin-bottom:8vw;
	}
	#section.section_company,
	.com_cont .section_company {
		flex-wrap:wrap;
		width:100%;
		padding: 0 6vw 12.5vw 6vw;
	}
	/*.section_company.policy {
    	flex-direction: column-reverse;
	}*/
	.company_prof-l{
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.company_prof-r{
		margin:0;
		padding: 0;
		width: 100%;
	}
	.section_company.policy .company_prof-r{
		margin-bottom: 7vw;
	}
	#section.section_company dl{
		margin-top: 0;
		margin-bottom: 7vw;
	}
	#section.section_company dl.last{
		/*margin: 0;*/
	}

	#section.section_company dt{
		margin-bottom: 2vw;
	}
	.company_tel{
		font-size: 2.9vw !important;
		margin-right: 12px;
	}
	.company_fax{
		font-size: 2.9vw !important;
		margin-right: 10px;
	}
	.section_company p.ninsho{
		margin-top:2vw;
	}
	div.section_company.policy a {
		width: 51vw;
}

/* sp company > Suppliers list */

    #Suppliers {
		width:100%;
        border: none;
		padding:0;
        margin: 0;
    }
	#Suppliers p.Suppliers_title {
		width: 100%;
		text-align: left;
		font-size: 2.9vw;
		margin: 4.7vw 0 2vw 0;
	}
    #Suppliers p.list1 { width: 44%; }
    #Suppliers p.list2 { width: 54%; }
    #Suppliers p.list1,
    #Suppliers p.list2 {
        font-size: 2.5vw;
        letter-spacing: -1px;
        line-height: 1.75;
        margin: 0;
        padding: 0;
    }
    #history {
        border: none;
        padding: 0;
        margin: 11.8vw 0 0 0;
    }
    #history h5 {
        text-align: center;
        font-size: 4.5vw;
        margin: 0 0 5vw 0;
    }
    #history dl dt { width: 15%; margin: 0; }
    #history dl dd { width: 83%; margin: 0 0 0 2%; }
    #history dl dt span { width: 40%; }
    #history dl dt,
    #history dl dd {
        font-size: 2.4vw;
        line-height: 1.5;
        letter-spacing: -1px;
        vertical-align: top;
    }
    .section_company #history dl {
        margin: 0;
    }

/* sp  company > factory */
	div#factory.top_cont{
		width:100%;
		padding: 10vw 0 0 0;
	}

	#factory.top_cont h3{
		line-height: 1.7em;
		margin: 0 0 7vw 0;
	}
	#factory div.inner_cont{
		width:100%;
		padding: 0;
		margin: 0 0 14vw 0;
		border: none;
	}
	#factory h4{
		width:100%;		
		font-size:3vw;
		text-align: left;
		border-bottom: none;
		margin:0;
		padding:0;
		border-radius: 0px;
	}
	#factory h5{
		font-size:2.9vw;
		text-align:left;
		border:none;
		background:none;
		padding:5px 0 15px 0;
		margin:0;
	}
	#factory div.factory_images,
	#factory .factory_images img{
		width:100%;
	}	
	#factory .factory_cont{
		width: 100%;
		padding: 0 6vw;
        margin: 4vw 0 0 0;
	}
	div.factory_headtitle{
		width:100%;
		float:none;
		margin:0;
	}
	#factory .factory_headtitle h5{
        width: 100%;
        text-align: center;
        font-size: 4vw;
        padding: 0;
        margin: 0 0 3vw 0;
	}
	#factory .factory_info{
		width: 100%;
        border: none;
        padding: 0;
        margin: 0;
	}
	div.factory_headoffice,
	div.factory_facility,
	div.com_access{
		width: 100%;
	}
	div.factory_headoffice{
        float: none;
        margin: 0;
    }
	p.factory_headoffice_title{
        font-size: 3vw;
        text-align: center;
		margin: 0;
	}
	div.factory_areainfo,
	div.factory_tel,
	div.factory_fax{
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
		display: flex;
		justify-content: space-between;
		width: 34%;
		margin: 0 8% 0 0;
	}
	.factory_areainfo > p,
	.factory_tel > p,
	.factory_fax > p{
		margin: 0;
		padding: 0;
	}
	div.factory_facility{
        padding: 0;
        margin: 3.7vw 0 8vw 0;
	}
	#factory .factory_facility h4{
		font-size: 2.9vw;
        margin: 0 0 3vw 0;
	}

    .factory_facility_list .sozai,
    .factory_facility_list .kakou { width: 44%; }
    .factory_facility_list .list p { margin: 0 0 2.5vw 0; }

    .factory_facility_list .sozai dl,
    .factory_facility_list .kakou dl.list1,
    .factory_facility_list .kakou dl.list2 { width: 100%; }

    .factory_facility_list .sozai dt,
    .factory_facility_list .kakou dl.list1 dt,
    .factory_facility_list .kakou dl.list2 dt { width: 95%; }

    .factory_facility_list .sozai dd,
    .factory_facility_list .kakou dl.list1 dd,
    .factory_facility_list .kakou dl.list2 dd { width: 5%;  }

    .factory_facility_list .sozai dt,
    .factory_facility_list .kakou dl.list1 dt,
    .factory_facility_list .kakou dl.list2 dt,
    .factory_facility_list .sozai dd,
    .factory_facility_list .kakou dl.list1 dd,
    .factory_facility_list .kakou dl.list2 dd { margin: 0 0 2.2vw 0; }
    .factory_facility_list .kakou .kerning { font-size: 92%; }

	div.com_access_map,
	.com_access iframe{
		width:100%;
		height:32vw;
		margin: 0 0 6vw 0;
	}
	.factory_facility_list p{
		width:100% !important;
		line-height: 1.6em;
	}

	/* SP access */
	div.com_access_tx{
		width: 100%;
		height: auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-flow: row;
		align-items: flex-start;
		flex-wrap: wrap;
		margin: 0;
	}
    div#factory .com_access_tx h3 {
		transform: scale( 1 , 0.95 );
		-moz-transform-origin: center top;
		-webkit-transform-origin: center top;
		-o-transform-origin: center top;
		-ms-transform-origin: center top;
		transform-origin: center top;
		width: 100%;
		font-size: 4.5vw;
		text-align: center;
		margin: 0 0 4vw 0;
		line-height: 1em;
	}
	.com_access_tx dl{
		height: auto;
		align-items: flex-start;
		border: none;
		width: 100%;
		margin: 0;
	}
    .com_access_tx p.com_access_address { margin: 0 0 1.9vw 0; }
    .com_access_tx p.com_access_tel{ margin: 0 0 1vw 0; }
    .com_access_tx p.com_access_fax{ margin: 0 0 3.2vw 0; }

	.com_access_tx dl dd{
        text-align: center;
        line-height: 1.3;
		padding: 0;
        margin: 0 auto;
	}

/* for SP Group company */
	div#group.top_cont{
		padding: 10vw 0 3.3vw 0;
	}
	#group h3 {
		margin-bottom:4.8vw;
	}
    #group dt{
		font-size: 4.2vw;
        line-height: 1;
        padding: 0;
        margin: 0 0 1vw 0;
	}
	#group dd{
		font-size: 2.9vw;
	}
    #group #meikofuta_group,
    #group #cast_group,
    #group #vtcmanu_group { width: 100%; margin: 0 0 9.7vw 0; }

    #group #meikofuta_group img { width: 70.5%; margin: 0; } 
    #group #cast_group img,
    #group #vtcmanu_group img { width: 57%  ; margin: 0; }

    #group #meikofuta_group dl, 
    #group #cast_group    dl,
    #group #vtcmanu_group dl { margin: 3.8vw 0 0 0; }

    #group #vtcmanu_group dt{ font-size: 2.9vw; }
    #group #meikofuta_group dd br,
    #group #vtcmanu_group dt br { display: none; }

/* for SP contact or Contactform7 */
	div#contact.top_cont{
		padding: 10vw 6vw;
	}
	div.wpcf7 {
		margin: 0;
		padding: 0;
	}
	#contact h3{
		margin-top: 2vw;
		margin-bottom: 4vw;
	}
	#contact h4{
		margin-bottom:1vw;
		text-align: left;
	}
	.notice{
		font-size: 3.6vw;
		margin-bottom: 1.5vw;
	}
	.notice_detail{
		font-size: 2.6vw;
		margin-bottom: 0.8vw;
		line-height: 1.55;
	}
	.contact_notice{
		margin-bottom: 5vw;
		width:100%;
	}
	div#contact-box{
		flex-direction: column;
		margin:0;
	}
	.contact-v-l,
	.contact-v-r,
	.cf7_btn_area {
		margin:0;
		width: 100%;
	}
	.cf7_acc_area{
		text-align: right;
	}
	.acceptance_area{
		width:100%;
	}
	.cf7_btn_area{
		padding-top: 4vw;
	}
	#contact-box label{
		width:100%;
		font-size:3vw;
		text-align:left;
	}
	div.wpcf7-form-control-wrap{
		float:right;
		position: relative;
		left: 2px;
	}
	.input_area{
		font-size: 3vw;
		height: 40px;
		/*width: 85vw;*/
		width:100%;
		margin: 0 auto;
		border: 1px solid #ccc;
		-webkit-appearance: none;
		border-radius: 0;
	}
	.inputtext_area{
		font-size: 3vw;
		height: 275px;
		/*width: 85vw;*/
		width:100%;
		margin: 0 auto;
		border: 1px solid #ccc;
		-webkit-appearance: none;
		border-radius: 0;
	}
	.submit_btn{
		width: 17vw;
		margin: 2.5vw 0 0 0;
		font-size: 4vw;
		padding: 1vw 0;
		height: auto;
		-webkit-appearance: none;
		border-radius: 0;
	}
	.acc_chk{
		width: 20px;
		height: 20px;
		margin:0 !important;
		border-radius: 0;
	}
	#cf7_recap,#cf7_acc,#cf7_btn{
		display: block;
		width: 100%;
	}
	.cf7_acc_area{
		margin-top:5.5vw;
	}
	.cf7_pp_link{
		width: 200px;
	}
	.wpcf7 .wpcf7-response-output {
		width: 85vw;
		padding: 1vw 0;
	}
	.cf7_pp_link_PC{
		display: none;
	}
	.sp_pp{
		font-size: 3vw;
	}
	.cf7_sendbtn_area{
		width:100%;
	}
	div.chk-box {
		margin: 0 5px 0 auto;
		height:auto;
	}
    div.wpcf7 .ajax-loader {
        width: 5vw !important;
        height: 5vw !important;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 3.8vw 0.3em 0 0 !important;
    }

/* page top */
	a.arrow{
		padding: 0 50px 0 0;
		font-size: 6vw;
		/*margin-top: 5.5vw;*/
		margin-bottom: 3vw; margin-top: 0;
	}
	.arrow::before,
	.arrow::after{
		position: absolute;
		top: 15px;
	}
	.pagetop::after{
		right: 0;
		width: 30px;
		height: 30px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	div.pagetop_area{
		padding-right: 6vw;
	}
	
/* for SP privacy policy */
	div#privacy.top_cont h3 {
		margin: 0 0 0 15vw;
		padding: 0 0 15px 0;
	}
	div#privacy.top_cont h4 {
		text-align: left;
		margin: 0;
		padding: 20px 0 10px 0;
	}
	.top_cont ol li{
		padding: 0;
		margin: 0 0 10px 15px;
		list-style-position:outside;
	}


/* ---------------- hardloy SP----------------*/
    #hardloy.top_cont h2,
    #process.top_cont h2,
    #recruit.top_cont h2 {
        font-size: 6vw;
        margin: 0 0 5vw 0;
    }
    div#hardloy.top_cont {
        padding-left: 6vw;
        padding-right: 6vw;
    }
    #hardloy > div {
        width: 100%;
        padding: 0;
    }
    #hardloy.top_cont h3 {
        font-size: 4.3vw;
        margin: 0 0 3vw 0;
    }
    #hardloysection {
        margin: 0 0 11vw 0;
    }
    #hardloysection h4 {
        text-align: center;
        font-size: 3.5vw;
        margin: 0 0 3.3vw 0;
    }
    #hardloysection .logo {
        margin: 4.8vw 0 11.2vw 0;
    }
    #hardloysection .logo2 {
        width: 90%;
        margin: 0 0 5.8vw 0;
        padding: 0;
    }
    #hardloysection > hr {
        margin: 0 0 3.2vw 0;
    }
    #hardloysection > p {
        text-align: justify;
        line-height: 1.8em;
        font-size: 2.9vw;
        margin: 0 0 2.7vw 0;
    }
    #hardloysection .youto {
        display: block;
        text-align: center;
        font-size: 2.5vw;
        margin: 0 0 1vw 0;
    }
    #hardloysection .youto2 {
        display: block;
        text-align: center;
        font-size: 2.5vw;
        line-height: 1.5;
        margin: 0;
    }
    
    /* -------- 合金特性 SP -------*/
    #goukintokusei {
        text-align: center;
        margin: 0 0 6.5vw 0;
    }
    #goukintokusei h4 {
        display: inline-block;
        border: none;
        background: url(/assets/c/uploads/2018/05/arrow_right.png);
        background-repeat: no-repeat;
        background-position: center left;
        background-size: 2vw 3vw;
        padding: 0 0 0 0.8em;
        font-size: 3.6vw;
        margin: 0 0 3.5vw 0;
    }
    #goukintokusei table {
        margin: 0 0 1.6vw 0;
    }
    #goukintokusei table tr td {
        font-size: 2.5vw;
        padding: 0.5vw 0 0.2vw 0;
    }
    #goukintokusei table tr .column-1 {
        font-size: 2vw;
        padding: 0;
    }
    #goukintokusei table tr .column-1 { width: 6%; }
    #goukintokusei table tr .column-2,
    #goukintokusei table tr .column-3 { width: 13%; }
    #goukintokusei table tr .column-4,
    #goukintokusei table tr .column-5,
    #goukintokusei table tr .column-6,
    #goukintokusei table tr .column-7 { width: 17%; }

    #goukintokusei table tr:first-of-type td {
        font-size: 2vw;
        line-height: 1.2;
        padding: 1vw 0;
    }
    #hardloy .tablenote {
        text-align: center;
        font-size: 2.5vw;
    }
    
    /* -------- 合金用途 SP -------*/
    #goukinyouto {
        text-align: center;
        margin: 0 0 9.6vw 0;
    }
    #goukinyouto h4 {
        display: inline-block;
        border: none;
        background: url(/assets/c/uploads/2018/05/arrow_right.png);
        background-repeat: no-repeat;
        background-position: center left;
        background-size: 2vw 3vw;
        padding: 0 0 0 0.8em;
        font-size: 3.6vw;
        margin: 0 0 3.5vw 0;
    }
    #goukinyouto table {
        margin: 0 0 1.6vw 0;
    }
    #goukinyouto table tr td {
        font-size: 2.5vw;
        padding: 0.5vw 0 0.2vw 0;
    }
    #goukinyouto table tr:first-of-type td {
        font-size: 2vw;
        line-height: 1.2;
        padding: 1vw 0;
    }
    #goukinyouto table tr .column-1 {
        width: 6%;
        font-size: 2vw;
        padding: 0;
    }
    #goukinyouto table tr .column-2,
    #goukinyouto table tr .column-3 { width: 13%; }
    #goukinyouto table tr .column-4 {
        width: 68%;
        font-size: 2vw;
        padding: 0.5vw 0 0.2vw 1em;
    }

    /* -------- 用途展開例 SP -------*/
    #youtotenkai h4 {
        width: 100%;
        text-align: center;
        font-size: 3.6vw;
        margin: 0 0 2.2vw 0;
    }
    #youtotenkai .text_area {
        width: 100%;
        padding: 0;
        margin: 0 0 2.1vw 0;
    }
    #youtotenkai .text_area > h4 {
        margin: 4.9vw 0 1.5vw 0;
    }
    #youtotenkai .text_area > p {
        text-align: justify;
        white-space : pre-line;
        line-height: 1.5;
        font-size: 2.9vw;
    }
    #youtotenkai .text_area.lastitem {
        border-bottom: none;
    }
    #youtotenkai .image_area {
        width: 100%;
        padding: 0 0 2.2vw 0;
        margin: 0;
    }
    #youtotenkai .image_area.lastitem {
        border-bottom: 1px solid #000;
        margin: 0 0 9vw 0;
    }


/* ---------------- process SP----------------*/
    #process.top_cont h3 {
        font-size: 4.3vw;
        margin: 0 0 4vw 0;
    }
    div#process.top_cont {
        padding-left: 6vw;
        padding-right: 6vw;
    }
    #process_top {
        margin: 0 0 5.4vw 0;
    }
    #process_top .text1 {
        text-align: justify;
        line-height: 1.6em;
        font-size: 2.9vw;
        margin: 0;
    }
    #process_section {
        justify-content: space-between;
        margin: 0 0 8vw 0;
    }
    #process_section .image_area {
        width: 51.5%;
        margin: 0 0 3.5vw 0;
    }
    #process_section .text_area {
        width: 45%;
        margin: 0 0 3.5vw 0;
    }
    #process_section .text_area h4 {
        text-align: left;
        border: none;
        font-size: 3.7vw;
        padding: 0;
        line-height: 1;
        margin: 0 0 2.1vw 0;
    }
    #process_section .text_area p {
        font-size: 2.6vw;
    }
    #kodawari {
        margin: 0 0 3.7vw 0;
    }
    #kodawari > h4 {
        font-size: 3.5vw;
        padding: 0;
        margin: 3.9vw 0 3.7vw 0;
    }
    #kodawari .line {
        width: 100%;
        height: auto;
        justify-content: space-between;
    }
    #kodawari .text_area {
        width: 51.5%;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        padding: 0;
        margin: 0 0 5.5vw 0;
    }
    #kodawari .text_area h5 {
        text-align: left;
        line-height: 1.1;
        font-size: 3vw;
        padding: 0;
        margin: 0 0 3vw 0;
    }
    #kodawari .text_area h5.kerning {
        letter-spacing: -1px;
    }
    #kodawari .text_area h5 span {
        font-size: 2.75vw;
        letter-spacing: 0;
    }
    #kodawari .text_area p {
        font-size: 2.5vw;
        padding: 0;
    }
    #kodawari .image_area {
        width: 45.7%;
        margin: 0 0 5.5vw 0;
    }
    
    /* ---------------- recruit SP----------------*/
    .top_cont#recruit {
        padding: 47px 0 0 0;
    }
    #recruit img.topimg {
        margin: 0 0 6.5vw 0;
    }
    #recruit.top_cont h2 {
        margin: 0 0 12vw 0;
    }
    #recruitinfo {
        padding: 0 6vw;
        margin: 0 0 11.5vw 0;
    }
    #recruitflow,
    #recruitcontact {
        padding: 0 6vw;
    }
    #recruitinfo h4 {
        font-size: 4.5vw;
        padding: 0 0 2.3vw 0;
        margin: 0 0 7vw 0;
    }
    #recruitinfo dl {
        width: 100%;
    }
    #recruitinfo dl dt { width: 24%; }
    #recruitinfo dl dd { width: 76%; }
    #recruitinfo dl dt,
    #recruitinfo dl dd {
        line-height: 1.8;
        font-size: 2.9vw;
        padding: 0;
        margin: 0 0 2.9vw 0;
    }
    #recruitflow h4 {
        font-size: 4.5vw;
        padding: 0 0 2.3vw 0;
        margin: 0 0 6.2vw 0;
    }
    #recruitflow ol {
        width: 95%;
        text-align: center;
        margin: 0 auto 6vw auto;
    }
    #recruitflow ol li {
        line-height: 1.7;
        margin: 0 0 1.7vw 0;
    }
    #recruitflow ol li p.stepdetail {
        font-size: 2.7vw;
        line-height: 1.4;
        padding: 0;
        margin: 1vw 0 4.5vw 0;
    }
    #recruitflow p.recruitflownote {
        text-align: center;
        font-size: 2.6vw;
    }
    #recruitcontact {
        border: none;
        position: relative;
        margin: 0 0 22vw 0;
    }
    #recruitcontact h4 {
        font-size: 2.9vw;
        border-top: 1px solid #000;
        padding: 4vw 0 0 0;
        margin: 0 0 4vw 0;
    }
    #recruitcontact > p {
        text-align: center;
        font-size: 2.9vw;
        margin: 0 0 3vw 0;
    }
    #recruitcontact ul {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
    #recruitcontact ul li {
        margin: 0 0 1vw 0;
    }
    #recruitcontact ul li p{
        width: 7vw;
        font-size: 2.9vw;
    }

/* sp common */
	.text-justify{
		text-align: justify;
		text-justify: inter-ideograph;
	}
	.gototop_area{
		width:100%;
		padding: 15px 6vw 15px 6vw;
		
	}
	.bottom_box{
		width: 100%;
		margin: 0px auto;
		font-size: 2.9vw;
	}
	/* sp thanks page */
	.thankspage{
		padding: 80px 6vw;
	}
	
	/* anker */ 
	#SP_factory,
	#SP_group,
	#SP_contact {
		margin-top:-15px;
		padding-top:15px;
	}

	/* 404 err  not found page */
	#notfound_page.top_box{
		padding-bottom: 15px;
	}
	#notfound_page .top_cont{
		padding: 80px 0;
	}
	#notfound_page .notfound_mes{
		padding: 0 6vw;
	}
	/* ------ toggle Contents ------*/
	/* ロード時は表示させない。クリックで表示/非表示を切り替える  */
    #goukintokusei .togglecont,
    #goukinyouto .togglecont {
		display:none ;
	}
	/* クリックを有効に */
    #goukintokusei .toggletitle,
    #goukinyouto .toggletitle {
		pointer-events: auto;
	}	
}

@media only screen and (max-width:414px){
	#SP_company,
	#SP_factory,
	#SP_group,
	#SP_contact {
		margin-top:-40px;
		padding-top:40px;
	}
	.company_prof{
		margin-top:10px;
	}

}

/* ------- 171025 facybox --------*/
#fancybox-title {color:#fff !important;}

/* ------- 181212 News page --------*/
#news_list.top_cont h2 {
    font-size: 26px;
}
#news_list .su-posts {
    padding: 0;
    margin: 44px 0 0 0;
}
#news_list .su-posts li {
    border-top: 1px solid #000;
    list-style-type: none;
    padding: 22px 12px 38px 12px;
    margin: 0;
}
#news_list .su-posts .entry-meta-date {
    width: 8em;
    float: left;
    line-height: 1;
    font-size: 17px;
    text-transform: lowercase;
    padding: 0;
    margin:  2px 0 0 0;
}
#news_list .su-posts .entry-meta-category {
    width: 80px;
    text-align: center;
    font-size: 10px;
    line-height: 1;
    border: 1px solid #000;
    padding: 3px 4px 2px 4px;
    margin:  0 0 0 144px;
}
#news_list .su-posts .entry-title {
    clear: both;
    font-size: 17px;
    padding: 0;
    margin: 8px 0 0 0;
}
#news_list .su-posts .entry-title a {
    color: #000;
}
#news_list .su-posts .entry-title a:hover {
    text-decoration: none;
    color: #aaa;
}

/* ------- 181212 News page SP--------*/
@media only screen and (max-width:768px){
    #news_list.top_cont h2 {
        font-size: 6vw;
        margin: 0 0 6.5vw 0;
    }

    #news_list .su-posts {
        padding: 0;
        margin: 0;
    }
    #news_list .su-posts li {
        padding: 5vw 6vw 8vw 6vw;
        margin: 0;
    }
    #news_list .su-posts .entry-meta-date {
        width: 8em;
        line-height: 1;
        font-size: 4vw;
        padding: 0;
        margin:  -0.5% 0 0 0;
    }
    #news_list .su-posts .entry-meta-category {
        width: 20%;
        font-size: 2vw;
        line-height: 1;
        padding: 0.8% 0 0.4% 0;
        margin:  0 0 0 44%;
    }
    #news_list .su-posts .entry-title {
        line-height: 1.5;
        font-size: 4vw;
        padding: 0;
        margin: 4% 0 0 0;
    }
}

@media only screen and (max-width:414px){
    #news_list .su-posts .entry-meta-date {
        margin:  0 0 0 0;
    }
}