@charset "UTF-8";
.main {
  background-color: #eaecf5; }
  .main .sec-contents-concept {
    text-align: center; }

.main h3 {
	font-weight: normal; }
	
.internal-link-list {
	overflow: hidden;
	width: 100%;
	text-align: center; }
	.internal-link-list li {
		float: left;
		height: 7.5rem;
		font-weight: bold;
		font-size: 1.7rem;
		border-radius: 5px;
		color: white;
		vertical-align: middle;
		width: 24%;
		margin-left: 1%;
		background: #2F419E; }
    .internal-link-list-en li {
        height: 10.5rem;
    }
	.internal-link-list li:first-child {
		margin-left: 0; }
		.internal-link-list li a {
			color: white;
			display: block;
			width: 100%;
			height: 100%; }
		.internal-link-list li a:before {
			content: "";
			display: inline-block;
			vertical-align: middle;
			width: 12%;
			min-width: 30px;
			height: 100%;
			margin-right: 10px;
			background: url("../img/product/ico_internal_link@1x.png") no-repeat right center/30px auto; }
		.internal-link-list li a span {
			display: inline-block;
			width: 78%;
			vertical-align: middle;
			text-align: left;
			line-height: 2rem; }
		.internal-link-list li a span.br {
			width: auto;
			display: inline; }
		.internal-link-list li:nth-child(3) a .inner-text {
			margin-top: -1.5em; }
		.internal-link-list li:nth-child(4) a .inner-text {
			margin-top: -1.5em; }
	
.main .sec-contents-products .area-product .product-info {
	max-width: 1098px;
	margin: 0 auto; }

.main .sec-contents-concept h2 {
  font-weight: bold;
  font-size: 2.6rem;
  color: #2F419E;
  margin: 4rem 0;
  line-height: 150%; }

  .main .sec-contents-products {
    background-color: white;
	margin-top: 2rem;
    padding: 20px 15px 0; }
    .main .sec-contents-products .area-product {
      padding-top: 5rem;
      padding-bottom: 4.6rem;
      border-bottom: dotted 1px #2F419E; }
      .main .sec-contents-products .area-product h3 {
        text-align: center;
        background: url("../img/recruit/outline-decoration@1x.png") no-repeat center bottom/427px auto;
        padding-bottom: 22px; }
        .main .sec-contents-products .area-product h3 .ja {
          font-size: 3rem;
          color: #333;
          display: block;
          letter-spacing: 0.3em; }
        .main .sec-contents-products .area-product h3 .en {
          margin-top: 1rem;
          font-family: "Marvel", sans-serif;
          font-weight: bold;
          font-size: 1.8rem;
          display: block;
          color: #2F419E; }
      .main .sec-contents-products .area-product .product-info .product-info-inner { }
        .main .sec-contents-products .area-product .product-info .product-info-inner .list-wrapper {
          font-size: 1.4rem;
		  line-height: 180%;
          padding: 5.5rem 3.5rem 0 0;
          float: left;
          width: 61%; }
          .main .sec-contents-products .area-product .product-info .product-info-inner .list-wrapper .list { }
            .main .sec-contents-products .area-product .product-info .product-info-inner .list-wrapper .list li {
              padding-left: 1.5em;
              text-indent: -1.5em;
              margin-bottom: 3rem; }
              .main .sec-contents-products .area-product .product-info .product-info-inner .list-wrapper .list li:last-child {
                margin-bottom: 0; }
              .main .sec-contents-products .area-product .product-info .product-info-inner .list-wrapper .list li:before {
                background: url("../img/product/ico_check@1x.png") no-repeat left top/15px auto;
                content: '';
                display: inline-block;
                width: 15px;
                height: 14px;
                margin-right: 5px; }
        .main .sec-contents-products .area-product .product-info .product-info-inner .image {
          float: right;
		  width: 39%;
          max-width: 478px;
		  margin-top: 2rem; }
          .main .sec-contents-products .area-product .product-info .product-info-inner .image img {
            width: 100%;
            height: auto; }
      .main .sec-contents-products .area-product .product-info .spec-table {
        margin-top: 25px;
        width: 100%;
        font-size: 1.6rem;
        vertical-align: middle;
        display: table;
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 1px 0; }
        .main .sec-contents-products .area-product .product-info .spec-table dl {
          display: table-cell; }
          .main .sec-contents-products .area-product .product-info .spec-table dl dt, .main .sec-contents-products .area-product .product-info .spec-table dl dd {
            height: 45px;
            line-height: 45px;
            text-align: center;
            vertical-align: middle; }
          .main .sec-contents-products .area-product .product-info .spec-table dl dt {
            font-weight: bold;
            background-color: #b2b2b2; }
          .main .sec-contents-products .area-product .product-info .spec-table dl dd {
            border: solid 1px #b2b2b2; }
      .main .sec-contents-products .area-product .area-catalog-dl {
        margin-top: 5rem; }
        .main .sec-contents-products .area-product .area-catalog-dl a {
          display: block;
          width: 50%;
          text-align: center;
          height: 52px;
          line-height: 52px;
          border: solid 3px #2F419E;
          border-radius: 26px;
          font-size: 1.6rem;
          color: #2F419E;
          font-weight: bold;
          background-color: white; }
        .main .sec-contents-products .area-product .area-catalog-dl-en a {
            width: 40%;
        }
          .main .sec-contents-products .area-product .area-catalog-dl a:hover {
            color: white;
            background-color: #2F419E; }
    .main .sec-contents-products .area-nmx {
      margin-top: 3rem; }
    .main .sec-contents-products .area-nhc {
      margin-top: 4.5rem; }
      .main .sec-contents-products .area-nhc .product-info .product-info-inner .list-wrapper {
        padding: 6rem 0 0 0;
		width: 48%; }
        .main .sec-contents-products .area-nhc .product-info .product-info-inner .list-wrapper .list { }
          .main .sec-contents-products .area-nhc .product-info .product-info-inner .list-wrapper .list li {
            margin-bottom: 0.7em; }
      .main .sec-contents-products .area-nhc .product-info .product-info-inner .image {
        margin-top: 5.5rem;
		width: 52%;
        max-width: 550px; }
      .main .sec-contents-products .area-nhc .product-info .spec-table-wrapper {
        margin: 7rem 0 0; }
        .main .sec-contents-products .area-product .spec-table-wrapper h4 {
          font-weight: bold;
          font-size: 1.6rem;
					margin: 3rem 0 1rem; }
				.main .sec-contents-products .area-product .spec-table-wrapper img {
       		max-width: 100%; }
        .main .sec-contents-products .area-nhc .product-info .spec-table-wrapper .spec-table {
          margin-top: 15px;
          width: 100%;
          border-collapse: separate;
          border-spacing: 1px 1px; }
          .main .sec-contents-products .area-nhc .product-info .spec-table-wrapper .spec-table dl dt, .main .sec-contents-products .area-nhc .product-info .spec-table-wrapper .spec-table dl dd {
            border: solid 1px #b2b2b2;
            background-color: white;
            margin-bottom: 1px; }
          .main .sec-contents-products .area-nhc .product-info .spec-table-wrapper .spec-table dl dd:nth-child(2) {
            font-size: 1.4rem;
            line-height: 1.5em; }
          .main .sec-contents-products .area-nhc .product-info .spec-table-wrapper .spec-table dl:first-child dt, .main .sec-contents-products .area-nhc .product-info .spec-table-wrapper .spec-table dl:first-child dd {
            background-color: #b2b2b2;
            font-weight: bold;
            margin-bottom: 0;
            border-bottom: 2px solid #b2b2b2; }
          .main .sec-contents-products .area-nhc .product-info .spec-table-wrapper .spec-table dl:first-child dd:nth-child(2) {
            line-height: 4.5rem; }
          .main .sec-contents-products .area-nhc .product-info .spec-table-wrapper .spec-table dl:first-child dd:last-child {
            border-top: solid 1px white; }
      .main .sec-contents-products .area-product .btn-col-2 {
        text-align: center; }
        .main .sec-contents-products .area-product .btn-col-2 a {
          display: inline-block; }
        .main .sec-contents-products .area-product .btn-col-2 .btn-video {
          width: 25%;
          margin-left: 1.5rem; }
        .main .sec-contents-products .area-product .btn-col-2 .btn-video-en {
          width: 40%;
          margin-left: 1.5rem; 
        }
    .main .sec-contents-products .area-tnc {
      margin-top: 5rem; }
      .main .sec-contents-products .area-tnc .product-info .product-info-inner .list-wrapper {
        padding: 8rem 0 0 0;
		width: 52%;
		max-width: 570px; }
        .main .sec-contents-products .area-tnc .product-info .product-info-inner .list-wrapper .list-column {
          display: inline-block;
          width: 37%;
          vertical-align: top; }
          .main .sec-contents-products .area-tnc .product-info .product-info-inner .list-wrapper .list-column:first-child {
			  width: 48%;
			  margin-right: 5rem; }
          .main .sec-contents-products .area-tnc .product-info .product-info-inner .list-wrapper .list-column .list {
            margin: 2.5rem 550px 0 2.5%;
            width: 100%; }
            .main .sec-contents-products .area-tnc .product-info .product-info-inner .list-wrapper .list-column .list li {
              margin-bottom: 0.7em; }
      .main .sec-contents-products .area-tnc .product-info .product-info-inner .image {
		width: 48%;
        max-width: 496px; }
		
		.main .sec-contents-products .area-tnc .area-catalog-dl {
			margin-top: 0; }
		
    .main .sec-contents-products .area-rolling-machines {
      margin-top: 5rem;
      border-bottom: 0; }
      .main .sec-contents-products .area-rolling-machines .product-list-wrapper {
        margin: 6rem auto 0;
				width: 100%;
				max-width: 1050px; }
        .main .sec-contents-products .area-rolling-machines .product-list-wrapper ul {
          text-align: center; }
          .main .sec-contents-products .area-rolling-machines .product-list-wrapper ul li {
            width: 32%;
            vertical-align: top;
            display: inline-block; }
            .main .sec-contents-products .area-rolling-machines .product-list-wrapper ul li:first-child {
              margin-right: 3%; }
            .main .sec-contents-products .area-rolling-machines .product-list-wrapper ul li img {
              width: 100%;
              height: auto; }
            .main .sec-contents-products .area-rolling-machines .product-list-wrapper ul li p {
              margin-top: 1.5rem;
              font-weight: bold;
              font-size: 1.6rem;
              color: #2F419E;
              text-align: center; }
						.main .sec-contents-products .area-rolling-machines .spec-table-wrapper {
       				max-width: 1098px;
							margin: 4rem auto 0; }
      .main .sec-contents-products .area-rolling-machines .product-info .product-info-inner .list-wrapper {
        padding: 8rem 0 0 0;
        margin-right: -550px; }
        .main .sec-contents-products .area-rolling-machines .product-info .product-info-inner .list-wrapper .list-column {
          display: inline-block;
          width: 27%;
          vertical-align: top; }
          .main .sec-contents-products .area-rolling-machines .product-info .product-info-inner .list-wrapper .list-column:first-child {
            margin-left: 3.7rem; }
          .main .sec-contents-products .area-rolling-machines .product-info .product-info-inner .list-wrapper .list-column .list {
            margin: 2.5rem 550px 0 2.5%;
            width: 100%; }
            .main .sec-contents-products .area-rolling-machines .product-info .product-info-inner .list-wrapper .list-column .list li {
              margin-bottom: 0.7em; }
      .main .sec-contents-products .area-rolling-machines .product-info .product-info-inner .image {
        margin-top: 6rem;
        width: 550px; }
  .main .sec-contents-catalog {
    text-align: center;
    margin-top: 4.5rem;
    padding-bottom: 3.4rem; }
    .main .sec-contents-catalog .text {
      font-size: 1.4rem;
      color: #333; }
	.main .sec-contents-catalog .p18 {
		font-size: 1.8rem; }
    .main .sec-contents-catalog .btn-ipros {
      margin: 3.0rem 0 1rem;
      font-weight: bold;
      font-size: 2.2rem;
      color: white;
      background-color: #2F419E;
      height: 7rem;
      line-height: 7rem;
      border-radius: 3.5rem;
      width: 72%; }
      .main .sec-contents-catalog .btn-ipros:hover {
        color: #2F419E;
        border: solid 3px #2F419E;
        background-color: white; }

/********************************
 * 改行位置指定
 ********************************/
.internal-link-list li a span.br00,
.internal-link-list li a span.br01,
.internal-link-list li a span.br02,
.internal-link-list li a span.br03,
.internal-link-list li a span.br04,
.internal-link-list li a span.br05,
.internal-link-list li a span.br06 {
	display: inline;
	width: auto; }
.internal-link-list li a span.br01:before,
.internal-link-list li a span.br02:before,
.internal-link-list li a span.br03:before,
.internal-link-list li a span.br04:before,
.internal-link-list li a span.br05:before,
.internal-link-list li a span.br06:before {
	content: "";
    white-space: pre; }
.internal-link-list li a span.br00:before {
	content: "\A";
    white-space: pre; }
	
@media (max-width: 1160px) {
	.internal-link-list li a span.br03:before {
		content: "\A"; }
	.internal-link-list li a span.br00.hide:before {
		content: ""; }
}
@media (max-width: 1158px) {
	.internal-link-list li a span.br01:before {
		content: "\A";
	}	
}
@media (max-width: 900px) {
	.internal-link-list li a span.br01.hide:before {
		content: ""; }
	.internal-link-list li a span.br02:before {
		content: "\A"; }
}
@media (max-width: 767px) {
	.internal-link-list li a span.br00:before,
	.internal-link-list li a span.br01:before,
	.internal-link-list li a span.br02:before,
	.internal-link-list li a span.br03:before {
		content: ""; }
	.internal-link-list li a span.br00.show:before {
		content: "\A"; }
}
@media (max-width: 610px) {
	.internal-link-list li a span.br00.hide:before {
		content: "\A"; }
}
@media (max-width: 560px) {
	.internal-link-list li a span.br03:before {
		content: "\A"; }
	.internal-link-list li a span.br00.hide:before {
		content: ""; }
}
@media (max-width: 564px) {
	.internal-link-list li a span.br01:before,
	.internal-link-list li a span.br01.hide:before {
		content: "\A"; }
}
@media (max-width: 435px) {
	.internal-link-list li a span.br02:before {
		content: "\A"; }
	.internal-link-list li a span.br01.hide:before {
		content: ""; }
}
@media (max-width: 376px) {
	.internal-link-list li a span.br05:before,
	.internal-link-list li a span.br06:before,
	.internal-link-list li a span.br00.hide:before,
	.internal-link-list li a span.br01.hide:before {
		content: "\A"; }
	.internal-link-list li a span.br03.hide:before {
		content: ""; }
	
}


/********************************
 * Tablet & Small Display
 ********************************/
@media (max-width: 1020px) {
	.main .sec-contents-products {
		padding: 15px 10px 0; }
	
	.internal-link-list li a:before {
		margin-right: 1%;
		max-width: 25px;
		background: url("../img/product/ico_internal_link@2x.png") no-repeat right center/25px auto; }
	.internal-link-list li a span {
			line-height: 2rem; }
		.internal-link-list li a span.br:before {
			display: none; }

	.main .sec-contents-products .area-product .product-info .product-info-inner .list-wrapper,
	.main .sec-contents-products .area-product .product-info .product-info-inner .image {
		float: none;
		width: 100%;
		margin: 0 auto;
		padding: 2rem 0 0; }
	.main .sec-contents-products .area-product .product-info .product-info-inner .list-wrapper {
		width: 80%;
		max-width: none; }
	
	.main .sec-contents-products .area-product .area-catalog-dl a {
		width: 80%; }
	.main .sec-contents-products .area-product .btn-col-2 .btn-video {
		width: 80%;
		margin-left: 0;
		margin-top: 1.5rem; }
	.main .sec-contents-catalog .btn-ipros {
		margin: 3.0rem 0 1rem;
		font-weight: bold;
		font-size: 1.8rem;
		color: white;
		background-color: #2F419E;
		height: 7rem;
		line-height: 7rem;
		border-radius: 3.5rem;
		width: 95%; }
	
	.main .sec-contents-products .area-nhc .product-info .spec-table-wrapper {
		margin: 3rem 0 0; }
		.main .sec-contents-products .area-nhc .product-info .spec-table dl {
			display: table;
			table-layout: fixed;
			width: 100%; }
			.main .sec-contents-products .area-nhc .product-info .spec-table dl dt,
			.main .sec-contents-products .area-nhc .product-info .spec-table dl dd {
				display: table-cell; }
	
}

/********************************
 * Smart Phone
 ********************************/
@media (max-width: 767px) {
	.sec-contents-header h1 {
		margin-bottom: 0;
		padding-bottom: 2rem; }
	
	.internal-link-list {
		margin: 0; }
		.internal-link-list li {
			font-size: 1.6rem;
			width: 49.5%;
			margin-bottom: 1%;
			margin-left: 1%; }
		.internal-link-list li:first-child {
			margin-left: 0; }
		.internal-link-list li:nth-child(3) {
			margin-left: 0; }
		.internal-link-list li:nth-child(5) {
			margin-left: 0; }
			.internal-link-list li a:before {
				width: 10%; }
			.internal-link-list li a span {
				display: inline-block;
				width: 75%;
				vertical-align: middle; }
	
	.main .sec-contents-concept .text {
		margin-top: 6.5rem;
		padding-bottom: 3rem;
		font-size: 1.8rem;
		color: #333; }
		.main .sec-contents-concept .text .area-text strong {
			color: #2F419E; }
		.main .sec-contents-concept .text .area-dl {
			margin-top: 4rem; }
			.main .sec-contents-concept .text .area-dl a {
				color: #2F419E;
				text-decoration: underline; }

	.main .sec-contents-products .area-product .product-info .product-info-inner .list-wrapper {
		width: 100%; }
	.main .sec-contents-products .area-product .product-info .product-info-inner .image {
		padding: 1rem 0 0; }

	.main .sec-contents-products .area-nmx,
	.main .sec-contents-products .area-nhc,
	.main .sec-contents-products .area-tnc,
	.main .sec-contents-products .area-rolling-machines {
      margin-top: 0; }
	

	.main .sec-contents-products .area-tnc .product-info .product-info-inner .list-wrapper .list-column,
	.main .sec-contents-products .area-tnc .product-info .product-info-inner .list-wrapper .list-column:first-child {
		width: 100%;
		margin-right: 0;
		margin-bottom: 3rem; }

	.main .sec-contents-products .area-nmx .product-info .spec-table,
	.main .sec-contents-products .area-nmx .product-info .spec-table dl {
		display: block; }
				
	.main .sec-contents-products .area-product .area-catalog-dl a,
	.main .sec-contents-products .area-product .btn-col-2 .btn-video {
		width: 100%;
		font-size: 1.2rem;
		line-height: 50px; }
	.main .sec-contents-catalog .btn-ipros {
		margin: 1rem 0 1rem;
		font-size: 1.6rem;
		color: white;
		background-color: #2F419E;
		height: auto;
		line-height: normal;
		border-radius: 1rem;
		width: 95%;
		padding: 1rem 0; }
		
	.main .sec-contents-products .area-rolling-machines .product-list-wrapper ul li {
		width: 100%;
		max-width: 500px; }
	.main .sec-contents-products .area-rolling-machines .product-list-wrapper ul li p {
		margin-top: 0; }
}

/********************************
 * Background Image for Retina Display
 ********************************/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.main .sec-contents-products .area-product h3 {
		background: url("../img/recruit/outline-decoration@2x.png") no-repeat center bottom/427px auto; }
	.main .sec-contents-products .area-product .product-info .product-info-inner .list-wrapper .list li:before {
		background: url("../img/product/ico_check@2x.png") no-repeat left top/15px auto;}
}