@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   page
         - index
         - company
         - equipment
         - link
         - products
         - quality
         - recruit
         - safety


--------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------
  index
--------------------------------------------------------------------------------------------------*/
#index {
  margin-bottom:73px;
}

#index .frame01 {
  margin:40px 0px;
}

#index .frame01 .text {
  float:left;
}

#index .frame01 .text h3 {
  margin-top:7px;
  font-size:17px;
  color:#6d6e71;
}

#index .frame01 .text .info {
  margin-top:10px;
  width:465px;
  padding:13px 0px 10px 0px;
  border-top:1px solid #231f20;
  border-bottom:1px solid #231f20;
}

#index .frame01 .text .info img {
  float:left;
}

#index .frame01 .text .info .contact {
  float:right;
}

#index .frame01 .text .info .contact img {
  margin-bottom:12px;
		float: none;
}

#index .frame01 .text .info .contact p {
  line-height:22px;
  font-size:18px;
}

#index .frame01 .img-right {
  float:right;
}

#index .title {
  margin-top:40px;
  border-top:1px solid #231f20;
  border-bottom:1px solid #231f20;
  font-size:18px;
  line-height:43px;
  height:43px;
}

#index .title img {
  margin-right:15px;
  height:42px;
}

#index .content {
  width:100%;
}

#index .content li {
  float:left;
  border-right:1px solid #231f20;
  border-bottom:1px solid #231f20;
}

#index .frame02 .content {
  height:110px;
}

#index .frame02 .content li {
  width:318px;
  padding:10px 0px 0px 22px;
  height:100%;
}

#index .frame02 .content li:last-child {
  border-right:none!important;
}

#index .frame02 .content li a {
	display: block;
 height:100%;
}

#index .frame02 .content li span {
  color:#0089c7;
  font-size:19px;
  font-weight: 600;
}

#index .frame02 .content li p {
  line-height:20px;
}

#index .frame02 .content li.new {
	background: url(../image/new.png) no-repeat 95% 14px;
}

#index .frame03 .content li, #index .frame04 .content li {
  border-right:1px solid #fff!important;
  border-bottom:none!important;
}

#index .frame03 .content li img, #index .frame04 .content li img {
  width:239px;
}

#index .frame03 .title::after, #index .frame04 .title::after, #index .framein .title::after {
  content:url(../image/icon-next-index.png);
}

.frame04 {
    padding-top: 1px;
}
/*------------------------------------------------------------------------------------------------
  page
--------------------------------------------------------------------------------------------------*/
  #company {
    margin-bottom:70px;
  }
  
  .bredcrumb {
    float:right;
    margin:20px 0px;
    font-size:17px;
    color:#0089c7;
  }
  
  .bredcrumb a {
    color:#6d6e71;
  }
  
  .bredcrumb a::after {
    content:url(../image/icon-bredcrumb.png);
    margin:0px 7px;
  }
  
  .header-content .menu {
    width:100%;
    height:54px;
    border:1px solid #231f20;
  }
		
		.strongmenu {
			border-right: none !important;
		}
  
  .header-content .menu ul {
    float:right;
  }
  
  .header-content .menu ul li {
    float:left;
    width:120px;
    height:53px;
    text-align:center;
    border-left:1px solid #231f20;
  }
  
  .header-content .menu ul li a {
    width:120px;
    height:53px;
    display:block;
  }
 
  .header-content .menu ul li a img {
			vertical-align: -17px;
		}
 
  .header-content .menu ul li:hover {
    border-bottom:6px solid #0089c8;
  }
  
  .header-content  h1 {
    margin:45px 0px 35px 0px;
    text-align:center;
  }
  
  .header-content  p {
    color:#6d6e71;
    line-height:37px;
    font-size:21px;
    text-align:center;
  }
  
  .content h3 {
    margin:40px 0px 35px 0px;
  }
  
  .list-new li,
		.list-new-2 li {
    width:100%;
    height:45px;
    line-height:45px;
    font-size:15px;
    border-top:1px solid #231f20;
  }
  
  .list-new li:last-child,
		.list-new-2 li:last-child {
    border-bottom:1px solid #231f20;
  }
  
    
  .list-new-tempt01 li:last-child {
    border-bottom:1px solid #231f20;
    height:46px;
  }
  
  .list-new-tempt01 li .title {
    height:44px;
    float:left;
    background:#d1d2d4;
    padding: 0 15px;
				margin-right: 15px;
  }

  .list-new-tempt01 li .title2 {
    height:44px;
    float:left;
    background:#d1d2d4;
    padding: 0 15px;
				margin-right: 15px;
				letter-spacing: 3px;
  }
  
  .list-new-tempt01 li .title span {
			letter-spacing: 1em;
  }

  .list-new-tempt01 li .title span.spc1 {
			letter-spacing: 2em;
  }

  .list-new-tempt01 li .title span.spc2 {
			letter-spacing: 5em;
  }

  .list-new-tempt01 li .title span.spc3 {
			letter-spacing: 0.5em;
  }

  .list-new-tempt01 li .title span.spc4 {
			letter-spacing: 1em;
  }
  
  .list-new-tempt01 li .title span:last-child {
    text-align:right;
  }
  
  .list-new-tempt01 li .title span.col-2 {
    width:50%;
  }
  
  .list-new-tempt01 li .title span.col-3 {
    float:left;
    width:31%;
  }
  
  .list-new-tempt01 li .title span.col-4 {
    width:25%;
  }
  
  .content-left {
    float:left;
    width:600px;
    font-size:17px;
  }
  
  .content-right {
    float:right;
  }

  /*------------------------------------------------------------------------------------------------
  page
--------------------------------------------------------------------------------------------------*/
  #company .frame01 .text {
    line-height:35px;
  }
  
  #company .frame01 .text p {
    text-align:right;
    font-size:18px;
    line-height:28px;
    margin-top:10px;
  }
  
  #company .frame01 p span {
    font-size:35px;
  }
  
  #company .box02 li .title {
    width:auto;
  }
  
  #company .frame04 {
    margin-bottom:15px;
  }
  
  #company .frame04 .map {
    float:left;
  }
  
  #company .frame04 .info {
    float:right;
    width:320px;
  }
  
  #company .frame04 .info img:first-child {
  }
  
  #company .frame04 .info img {
    margin-bottom:18px;
  }
  
  #company .frame04 .info p {
    padding:10px;
    border-top:1px solid #231f20;
    line-height:26px;
  }
  
  #company .frame04 .info p:last-child {
    border-bottom:1px solid #231f20;
  }
  
/*------------------------------------------------------------------------------------------------
  quality
--------------------------------------------------------------------------------------------------*/
  #quality .content-left {
    width:470px;
  }
  
  #quality .content-left p {
    font-size:17px;
    margin-bottom:35px;
    line-height:33px;
  }
  
  #quality .content-right {
    width:470px;
  }
  
  #quality .list-info {
    height:164px;
    border-bottom:1px solid #231f20;
    text-align:center;
    margin-top:40px;
  }
  
  #quality .list-info h3 {
    font-size:27px;
    color:#0089c7;
    margin:15px 0px 5px 0px;
  }
  
  #quality .list-info span {
    line-height:25px;
  }
  
  #quality .bottom {
    width:100%;
    margin:30px 0px 100px 0px;
  }
  
/*------------------------------------------------------------------------------------------------
  product
--------------------------------------------------------------------------------------------------*/
  #product {
    margin-bottom:80px;
  }
  
  #product .list-product li {
    float:left;
    width:301px;
    height:318px;
    margin-right:28px;
  }
  
  #product .list-product li:nth-child(3n+0) {
    margin-right:0px;
  }
  
  #product .list-product li p {
    font-size:20px;
    line-height:27px;
    margin-top:10px;
  }
  
  #product .img-text {
    margin:20px 0px 15px 0px;
  }
  
  #product p {
    line-height:31px;
  }
  
/*------------------------------------------------------------------------------------------------
  equipment
--------------------------------------------------------------------------------------------------*/
  #equipment {
    margin-bottom:80px;
  }
  
  #equipment .frame01 li {
    float:left;
    width:302px;
    margin-right:27px;
    margin-bottom:20px;
  }
  
  #equipment .frame01 li:nth-child(3n+0) {
    margin-right:0px;
  }
  
  #equipment .frame01-2 li {
    margin-bottom:20px;
  }
		
  #equipment .frame01-2 li.new {
			 position: relative;
		}
		
  #equipment .frame01-2 li.new div {
			 position: absolute;
				top: 10px;
				left: 10px;
		}
		
  #equipment .frame01 li p,
		#equipment .frame01-2 li p {
    font-size:21px;
    margin-top:10px;
  }
  
  #equipment .frame01 li p span,
		#equipment .frame01-2 li p span {
    font-size:15px;
  }
  
  #equipment .frame02 {
    width:100%;
  }
  
  #equipment .list-new li,
		#equipment .list-new-2 li {
    padding:0px 15px;
  }
		
  /*
  #equipment .list-new li:last-child {
    border-bottom:1px solid #231f20;
  }*/
  
  #equipment .frame02 li:first-child {
    background:#d1d3d4;
  }
  
  #equipment .list-new li span:first-child {
    float:left;
    width:650px;
  }
  
  #equipment .list-new-2 li span:first-child {
    float:left;
    width:450px;
  }
  
  #equipment .list-new li span:last-child,
  #equipment .list-new-2 li span:last-child {
    float:right;
  }
		
		#equipment .list-new li span img,
		#equipment .list-new-2 li span img {
			vertical-align: -11px;
			margin-left: 20px;
		}
  
  #equipment .frame03 {
    width:100%;
  }

/*------------------------------------------------------------------------------------------------
  recruit
--------------------------------------------------------------------------------------------------*/
  #recruit {
    margin-bottom:20px;
  }
  
  #recruit .content-info {
    margin-bottom:60px;
  }
  
  #recruit .content-info .list-new li:first-child {
    font-size:25px;
  }
  
  #recruit .content-info .list-new li:last-child {
    font-size:18px;
  }
  
  #recruit .content-info .list-new li:first-child span {
    font-size:16px;
    margin-left:35px;
  }
  
  #recruit .content-info p {
    margin-top:25px;
    font-size:17px;
    line-height:30px;
  }
  
  #link {
    margin-bottom:45px;
  }
  
  #safety {
    margin-bottom:95px;
  }
  
  #safety .content li {
    float:left;
    width:304px;
    margin-right:24px;
  }
  
  #safety .content li:nth-child(3n+0) {
    margin-right:0px;
  }
  
  #safety .content li span {
    margin-top:5px;
    float:right;
    font-size:15px;
  }
/*------------------------------------------------------------------------------------------------
  flow
--------------------------------------------------------------------------------------------------*/
  #flow{
	  height:1772px;
  }
  
  #flow hr{
	  width:960px;
	  height:2px;
	  background-color:9F9FA0;
	  margin-bottom: 20px;
  }
  
  
  #flow .flow1 {
    display: flex;
  }
  
  #flow .flowimg{

	  margin-bottom: 22px;
  }
  
  #flow .text1{
    font-size: 22px;
    font-weight: 600;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-top: 6px;
    width: 504px;
	padding: 6px 0px 0px 4px;
  }

  #flow ul {
	list-style: none;

  }


  #flow .text2{
	  letter-spacing: 2px;
	  width: 520px;
	  line-height: 2;
	  margin-top: 20px;
  }
  
  #flow .text {
    margin-left: 40px;
	}



/*------------------------------------------------------------------------------------------------
  strong
--------------------------------------------------------------------------------------------------*/


  #strong{
	  height:1936px;
  }
  
  #strong .content{
	  margin-top:40px;
  }  


  #strong .strong1 {
    display: flex;
}


  #strong .text1 {
font-size: 22px;
    font-weight: 600;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-bottom-width: px;
    margin-top: 6px;
    padding: 6px 0px 0px 4px;
    width: 510px;
    letter-spacing: 2px;
    line-height: 1.3;
}

  #strong .text2{
	  letter-spacing: 2px;
	  width: 600px;
	  line-height: 2;
	  margin-top: 20px;
	  padding-top: 12px;
  }


  #strong .strongimg {
	  margin-left:30px;
	  margin-bottom:30px;
}

  #strong .strongimg2{
	  margin-right:30px;
	  margin-bottom:30px;
  }

/*------------------------------------------------------------------------------------------------
  contact
--------------------------------------------------------------------------------------------------*/

  #contact {
	  margin: 0 0 30px;
  }
  
  #contact table {
	  width:960px;
  }
  
  
  
  #contact .contactimg{
	  margin-top:40px;
  }
  
  
  #contact .contacttext{
	  text-align:left;
	  margin:10px 0px 10px 0px;
	  font-size:18px;
	  color:#000;
      line-height: 1.4;
  }
  
  #contact .contacttext2{
	  text-align:left;
	  font-size:14px;
	  color:#000;
  }
  
  #contact span{
	  color:#0080C6;
	  margin:0px 4px 0px 4px;
  }
  
  #contact table p{
  }  
  
  
  #contact table {
  border-collapse: collapse;
}
  
  #contact table th{
  border: solid 1px black;
  /*実線 1px 黒*/
}


  #contact table td {
  border: solid 1px black;
  /*実線 1px 黒*/
}

  #contact table th{
	  background-color:#E5E6E6;
	  width: 200px;
}
  
  #contact input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
  
  #contact input[type="number"] {
    -moz-appearance:textfield;
}





  #contact .space{
	  margin: 10px;
	  color:#000;

  }

  #contact .radio1{
	  margin-bottom: 20px;

  }

  #contact .contact1{
	  margin-right: 120px;

  }

  #contact .radio2{

  }
  
  #contact .contact2{

  }

  #contact .radio3{

  }
  
  #contact .contact3{
	  margin-right: 152px;
  }

  #contact .radio4{

  }
  
  #contact .contact4{

  }

  #contact .contact5{
	width: 652px;
    height: 36px;
    background-color: #D3E3F2;
    margin-left: 12px;
	border: none;
	padding-left: 10px;
	margin-top: 8px;
  }

  #contact .company{
	width: 732px;
    height: 36px;
    background-color: #D3E3F2;
    margin: 12px;
	border: none;
	padding-left: 10px;

  }

  #contact .name{
	width: 590px;
    height: 36px;
    background-color: #D3E3F2;
    margin: 12px 0px 12px 12px;
    border: none;
    padding-left: 10px;

  }

  #contact .name2{
	width: 590px;
    height: 36px;
    background-color: #D3E3F2;
    margin: 12px 0px 12px 12px;
    border: none;
    padding-left: 10px;

  }


  #contact .mail{
    width: 620px;
    height: 36px;
    background-color: #D3E3F2;
    margin: 12px 0px 4px 12px;
    border: none;
    padding-left: 10px;

  }
  
  #contact .mailtext{
    margin-left: 12px;

  }
  
  #contact .mail2{
    width: 620px;
    height: 36px;
    background-color: #D3E3F2;
    margin: 4px 0px 12px 12px;
    border: none;
    padding-left: 10px;

  }

  #contact .address{
	width: 220px;
    height: 36px;
    background-color: #D3E3F2;
    margin: 12px 0px 12px 0px;
	border: none;
	padding-left: 10px;
  }

  #contact .address2{
	width: 732px;
    height: 36px;
    background-color: #D3E3F2;
    margin: 12px;
	border: none;
	padding-left: 10px;
  }

  #contact .tel{
	width: 360px;
    height: 36px;
    background-color: #D3E3F2;
    margin: 12px 0px 12px 12px;
	border: none;
	padding-left: 10px;
  }

  #contact .comment{
	width: 732px;
    height: 300px;
    background-color: #D3E3F2;
    margin: 12px 12px 5px 12px;
	border: none;
	padding: 10px 0px 10px 10px;
	line-height: 1.6;
  }

  #contact .reset{
    width: 140px;
    height: 36px;
    margin: 10px 25px 10px 0px;
    background-color: #FFF;
    color: #0080C6;
    border: 2px solid #0080C6;
    letter-spacing: 10px;
    font-size: 16px;
    font-weight: 600;
    padding-left: 16px;
    border-radius: 4px;

  }

  #contact .conf{
	width: 140px;
    height: 36px;
    margin: 10px 0px 10px 25px;
    background-color: #0080C6;
    color: #FFF;
    border: 2px solid #0080C6;
    letter-spacing: 50px;
    font-size: 16px;
    font-weight: 600;
    padding-left: 26px;
    border-radius: 4px;

  }
  
  #contact .buttonarea{
	  text-align:center;

  }  

  
  #contact .contactfooter{
	  width:960px;
	  text-align:right;
	  margin-top:20px;

  }



/*------------------------------------------------------------------------------------------------
  conf
--------------------------------------------------------------------------------------------------*/

.confimg{
	margin-top:36px;
}