/**
 * base style
**/

.wrap {
	width: 1000px;
	margin: 0 auto;
	padding: 0 1rem;
	position: relative;
	box-sizing: content-box;
}

@media (max-width: 1020px) {
	.wrap {
		width: 100%;
		box-sizing: border-box;
	}
}

@media (max-width: 736px) {
	.wrap {
		padding: 0;
	}
}



.btn-detail {
	display: inline-block;
	padding: 0.7em 5em;
	border: solid 3px #dfdfdf;
	border-radius: 2em;
	color: #a6a6a6;
	position: relative;
}

.btn-detail:after {
	content: ">";
	position: absolute;
	right: 1em;
}

a.btn-detail {
	text-decoration: none;
	color: #a6a6a6;
}

a.btn-detail:hover {
	background: #dfdfdf;
	color: #333;
	font-weight: bold;
}


.btn-detail-small {
	display: block;
	float: right;
	top:-4.2rem;
	padding: 0.1em 1em;
	border: solid 3px #dfdfdf;
	border-radius: 2em;
	color: #a6a6a6;
	position: relative;
	width: 8rem;
}

.btn-detail-small:after {
	content: ">";
	position: absolute;
	right: 1em;
	transform: rotate(90deg);
}

a.btn-detail-small {
	text-decoration: none;
	color: #a6a6a6;
}

a.btn-detail-small:hover {
	background: #dfdfdf;
	color: #333;
	font-weight: bold;
}

a.btn-contact {
	background-color: #fff45c;
	padding: 2.8rem 0rem 2.8rem 0rem;
	font-size: 1.4rem;
	font-style: normal;
	color: #333;
	text-decoration: none;
	position: relative;
	display: block;
	width: 35rem;
}

a.btn-contact::before {
	content: "ー";
	margin-right: 1.6rem;
	transform: scale(1, 4);
}

a.btn-contact::after {
	content: ">";
	font-size: 2rem;
	position: absolute;
	right: 2.2rem;
	transform: rotate(90deg) scale(0.8, 1.6);
}

@media (max-width: 736px) {
	.btn-detail {
		display: inline-block;
		padding: 0.7em 5em;
		border: solid 3px #dfdfdf;
		border-radius: 2em;
		color: #a6a6a6;
		position: relative;
	}

	.btn-detail:after {
		content: ">";
		position: absolute;
		right: 1em;
	}

	a.btn-detail {
		text-decoration: none;
		color: #a6a6a6;
	}

	a.btn-detail:hover {
		background: #dfdfdf;
		color: #333;
		font-weight: bold;
	}


	.btn-detail-small {
		display: block;
		float: right;
		top: 0;
		margin-left: 1em;
		padding: 0.1em 1em;
		border: solid 3px #dfdfdf;
		border-radius: 2em;
		color: #a6a6a6;
		position: relative;
		width: 8rem;
	}

	.btn-detail-small:after {
		content: ">";
		position: absolute;
		right: 1em;
		transform: rotate(90deg);
	}

	a.btn-detail-small {
		text-decoration: none;
		color: #a6a6a6;
	}

	a.btn-detail-small:hover {
		background: #dfdfdf;
		color: #333;
		font-weight: bold;
	}

	a.btn-contact {
		background-color: #fff45c;
		padding: 2.8rem 0rem 2.8rem 0rem;
		font-size: 1.1rem;
		font-style: normal;
		color: #333;
		text-decoration: none;
		position: relative;
		display: block;
		width: 100%;
	}


	a.btn-contact::before {
		content: "ー";
		margin-right: 1.6rem;
		transform: scale(1, 4);
	}

	a.btn-contact::after {
		content: ">";
		font-size: 2rem;
		position: absolute;
		right: 2.2rem;
		transform: rotate(90deg) scale(0.8, 1.6);
	}
}



/**
 * header
**/

body {
	padding-top: 6rem;
}

header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 6rem;
	z-index: 2;
}

header .header-index {
	background-image: url(../images/index_ph.png);
}

header .header-wrap {
	height: 6rem;
	background: #333;
	position: relative;
}

header .logo {
	position: absolute;
	top: 1.8rem;
	left: 5rem;
	width: 22.7rem;
	height: 2.5rem;
}

header .logo img {
	width: 100%;
	height: auto;
}

header .contact {
	position: absolute;
	right: 4rem;
	top: 1.5rem;
	list-style: none;
}

header .contact li {
	float: left;
	margin-left: 2.5rem;
	line-height: 1.2;
}

header .contact li a {
	list-style: none;
}

header .contact li .tel {
	padding-left: 4rem;
	font-size: 1.2rem;
	font-weight: bold;
	font-style: normal;
	color: #fff;
	letter-spacing: 0.1rem;
	position: relative;
}

header .contact li .tel:before {
	content: "-";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0.8rem;
}

header .contact li .tel:after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 1.2rem;
	top: 0.8rem;
	width: 1.8rem;
	height: 1.7rem;
	background: url("../images/icon_tel.png");
}

header .contact li .tel span {
	font-size: 1rem;
	font-weight: normal;
}

header .contact li .mail a {
	padding: 0.8rem 1rem 0.8rem 4.5rem;
	border: solid 1px #fff;
	font-size: 1.1rem;
	font-weight: bold;
	font-style: normal;
	color: #fff;
	text-decoration: none;
	position: relative;
	top: 0.5rem;
}

header .contact li .mail a:before {
	content: "-";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 1rem;
}

header .contact li .mail a:after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 1.7rem;
	top: 1.2rem;
	width: 1.8rem;
	height: 1.1rem;
	background: url("../images/icon_mail.png");
}

header .contact li .mail a:hover {
	background: #000;
}

header .btn-nav {
	position: absolute;
	right: 0;
	top: 0;
	width: 6rem;
	height: 6rem;
	background: #242424;
	cursor: pointer;
}

header .btn-nav:hover {
	background: #000;
}

header .btn-nav img {
	width: 100%;
	height: 100%;
}

header nav {
	position: absolute;
	right: 0;
	top: 6rem;
	background-color: #333;
	color: #fff;
	width: 50rem;
	height: 4.8rem;
}

header nav.off {
	top: -4.8rem;
}

header nav.on {
	top: 6rem;
}

header nav ul {
	list-style: none;
	margin: 1.2rem 4rem;
}

header nav ul li {
	display: inline-block;
	margin-right: 2rem;
	font-size: 1.2rem;
}

#h-products {
	color: #6c6c6c;
	padding-right: 2.2rem;
	border-right: 1px solid #6c6c6c;
}

#h-weighing {
	margin-left: 0;
}

#h-fa {
	padding-right: 2rem;
	border-right: 1px solid #6c6c6c;
}

#h-case {
	margin-left: 1.8rem;
}

#h-case,
#h-company {
	font-size: 1.1rem;
	margin-right: 2rem;
}

#h-company {
	margin-right: 0;
}

header nav ul li a.active::before {
	content: "ー"
}

header nav ul li a.active {
	color: #0075a9;
}

header nav a:link,
header nav a:active,
header nav a:hover,
header nav a:visited {
	text-decoration: none;
	color: #fff;
}

header nav a:link {
	color: #fff;
}

@media (max-width: 736px) {
	body {
		padding-top: 4rem;
	}
	
	section:first-of-type {
		margin-top: 4rem;
	}
	
	header {
		height: 4rem;
	}

	header .header-wrap {
		height: 4rem;
	}

	header .logo {
		top: 1rem;
		left: 2rem;
		width: 15rem;
		height: 1.7rem;
	}

	header .contact {
		display: none;
	}

	header .btn-nav {
		width: 4rem;
		height: 4rem;
	}
	
	header nav {
		position: fixed;
		right: 0;
		top: 4rem;
		background-color: #333;
		color: #fff;
		width: 100%;
		height: 4rem;
	}

	header nav ul {
		list-style: none;
		margin: 1rem 2rem;
	}

	header nav ul li {
		display: inline-block;
		margin-right: 0.6rem;
		font-size: 1.1rem;
	}

	#h-products {
		color: #6c6c6c;
		padding-right: 0.6rem;
		border-right: 1px solid #6c6c6c;
	}

	#h-weighing {
		margin-left: 0;
		margin-right: 0.4rem;
	}

	#h-fa {
		padding-right: 0.6rem;
		border-right: 1px solid #6c6c6c;
	}

	#h-case {
		margin-left: 0;
	}

	#h-case,
	#h-company {
		font-size: 0.8rem;
		margin-right: 0;
	}

	#h-company {
		margin-right: 0;
	}

	header nav ul li a.active::before {
		content: "ー"
	}

	header nav ul li a.active {
		color: #0075a9;
	}
	
	header nav.off {
		top: -6rem;
	}

	header nav.on {
		top: 4rem;
	}
}



/**
 * footer
**/
footer.footer2 {
	position: relative;
	padding: 2rem 0 2rem 0;
	background: #333;
	color: #6c6c6c;
	font-size: 1.1rem;
}

footer.footer1 {
	position: relative;
	padding: 0 0 2rem 0;
	background: #333;
	color: #6c6c6c;
	font-size: 1.1rem;
}

footer.footer1:before {
	content: "";
	position: absolute;
	top: -20rem;
	width: 100%;
	height: 20rem;
	background: #333;
	z-index: -1;
}

footer .copyright {
	text-align: center;
}

footer .footnavi {
	padding-bottom: 2em;
	list-style: none;
}

footer .footnavi li {
	float: left;
	margin-right: 2rem;
}

footer .footnavi li:before {
	content: "―";
	margin-right: 0.5rem;
}

footer .footnavi li a {
	color: #6c6c6c;
	text-decoration: none;
}

footer .footnavi li a:hover {
	color: #fff;
	text-decoration: none;
}

@media (max-width: 736px) {
	footer {
		padding: 2rem 0;
		font-size: 0.9rem;
	}

	footer:before {
		position: relative;
		top: 0;
		height: 0;
		z-index: -1;
	}

	footer .copyright {
		margin: 0 2rem;
		text-align: left;
	}

	footer .footnavi {
		margin: 0 2rem 0.5em;
		padding-bottom: 2em;
	}
}



/**
 * .frontView
**/

.frontView {
	height: 45.6rem;
	background: url("../images/2ndph.png") no-repeat center center;
	background-size: cover;
	position: relative;
}

.frontView .pageTitle {
	position: absolute;
	left: 50%;
	top: 11rem;
	color: #fff;
}

.frontView .pageTitle h1 {
	margin: 0 0 1em;
	font-size: 1.8rem;
	font-weight: bold;
}

.frontView .pageTitle h1 strong {
	font-size: 3.6rem;
}

.frontView .pageTitle .series {
	font-size: 1.5rem;
}

.frontView .pageTitle .outline1 {
	margin: 0 0 1em;
	font-size: 1.6rem;
	font-weight: bold;
}

.frontView .pageTitle .outline2 {
	font-size: 1.4rem;
	width: 90%;
}

.frontView .nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 40rem;
	height: 34rem;
	background: #33b1ab;
	color: #fff;
}

.frontView .nav h2 {
	margin: 6rem 5rem 0;
	font-size: 2rem;
}

.frontView .toIndex {
	margin: -2rem 5rem 0;
	font-size: 1.2rem;
	text-align: right;
}

.frontView .toIndex a {
	color: #fff;
	text-decoration: none;
}

.frontView .toIndex a:hover {
	color: #eee;
	text-decoration: none;
}

.frontView ul {
	margin: 3rem 5rem 0;
	list-style: none;
}

.frontView ul a {
	display: inline-block;
	padding-left: 2rem;
	font-size: 1.2rem;
	font-weight: 500;
	color: #b8e4e2;
	text-decoration: none;
	position: relative;
}

.frontView ul a.active {
	color: #fff;
}

.frontView ul a.active:before {
	content: "―";
	position: absolute;
	left: 0;
}

.frontView ul a:hover {
	color: #fff;
}

@media (max-width: 736px) {
	.frontView {
		height: auto;
		background: url("../images/2ndph.png") no-repeat center center;
		background-size: cover;
		position: relative;
	}

	.frontView .pageTitle {
		position: relative;
		left: 0;
		top: 0;
		padding: 0 2rem 2rem;
	}

	.frontView .pageTitle h1 {
		font-size: 1.5rem;
	}

	.frontView .pageTitle h1 strong {
		font-size: 3rem;
	}

	.frontView .pageTitle .series {
		padding: 1em 0 0;
	}

	.frontView .pageTitle .outline1 {
		font-size: 1.5rem;
	}

	.frontView .pageTitle .outline2 {
		font-size: 1.2rem;
		width: 100%;
	}

	.frontView .nav {
		position: relative;
		width: 100%;
		height: auto;
		padding: 2rem;
	}

	.frontView .nav h2 {
		margin: 0;
	}

	.frontView .toIndex {
		margin: -2rem 0 0;
	}

	.frontView ul {
		margin: 1rem 0 0;
		clear: both;
		overflow: hidden;
	}

	.frontView ul li {
		float: left;
		width: 50%;
	}

	.frontView ul a {
		font-size: 1.4rem;
	}
}

/**
* frontview mns
**/
#frontView-mns {
    background-image: url(../images/ph_mns.png);
}

/**
* frontview mns
**/
#frontView-mnu {
    background-image: url(../images/ph_mnu.png);
}

/**
* frontview msx
**/
#frontView-msx {
    background-image: url(../images/ph_msx.png);
}

/**
* frontview ms
**/
#frontView-ms {
    background-image: url(../images/ph_ms.png);
}

/**
* frontview mnc
**/
#frontView-mnc {
    background-image: url(../images/ph_mnc.png);
}

/**
* frontview mso-004
**/
#frontView-mso-004 {
    background-image: url(../images/ph_mso-004.png);
}

/**
* frontview msw
**/
#frontView-msw {
    background-image: url(../images/ph_msw.png);
}

/**
* frontview msu
**/
#frontView-msu {
    background-image: url(../images/ph_msu.png);
}

/**
 * .index-section
**/

.index-section {
	background-color: #f4f4f4;
}

/**
 * .frontView-index
**/

.frontView-index {
	height: 32.6rem;
	background-size: cover;
	position: relative;
}

.frontView-index .pageTitle {
	position: absolute;
	left: 50%;
	top: 13rem;
	color: #fff;
}

.frontView-index .pageTitle h1{
	margin: 0 0 1em;
	font-size: 1.8rem;
	font-weight: bold;
}

.frontView-index .pageTitle h1 strong {
    font-size: 3.6rem;
}

.frontView-index .pageTitle .series {
	font-size: 1.5rem;
}

.frontView-index .pageTitle .outline1 {
	margin: 0 0 1em;
	font-size: 1.6rem;
	font-weight: bold;
}

.frontView-index .pageTitle .outline2 {
	font-size: 1.4rem;
}

.frontView-index .nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 40rem;
	height: 26rem;
	background: #33b1ab;
	color: #fff;
}

.frontView-index .nav h2 {
	margin: 6rem 5rem 0;
	font-size: 2rem;
}

.frontView-index .toIndex {
	margin: -2rem 5rem 0;
	font-size: 1.2rem;
	text-align: right;
}

.frontView-index .toIndex a {
	color: #fff;
	text-decoration: none;
}

.frontView-index .toIndex a:hover {
	color: #eee;
	text-decoration: none;
}

.frontView-index ul {
	margin: 3rem 5rem 0;
	list-style: none;
}

.frontView-index ul a {
	display: inline-block;
	padding-left: 2rem;
	font-size: 1.2rem;
	font-weight: 500;
	color: #b8e4e2;
	text-decoration: none;
	position: relative;
}

.frontView-index ul a.active {
	color: #fff;
}

.frontView-index ul a.active:before {
	content: "―";
	position: absolute;
	left: 0;
}

.frontView-index {
	color: #fff;
}

@media (max-width: 736px) {
	.frontView-index {
		height: 100%;
		position: relative;
	}

	.frontView-index .pageTitle {
		position: relative;
		left: 0;
		top: 0;
		padding: 0 2rem 2rem;
	}

	.frontView-index .pageTitle h1 {
		font-size: 1.5rem;
	}
	
	.frontView-index .nav h1 {
		margin: 0;
	}

	.frontView-index .pageTitle h1 strong {
		font-size: 3rem;
	}

	.frontView-index .pageTitle .series {
		padding: 1em 0 0;
	}

	.frontView-index .pageTitle .outline1 {
		font-size: 1.5rem;
	}

	.frontView-index .pageTitle .outline2 {
		font-size: 1.2rem;
	}

	.frontView-index .nav {
		position: relative;
		width: 100%;
		height: auto;
		padding: 2rem;
	}

	.frontView-index .nav h2 {
		margin: 0;
	}

	.frontView-index .toIndex {
		margin: -2rem 0 0;
	}

	.frontView-index ul {
		margin: 1rem 0 0;
		clear: both;
		overflow: hidden;
	}

	.frontView-index ul li {
		float: left;
		width: 33%;
	}

	.frontView-index ul a {
		font-size: 1.4rem;
	}
}

/**
 * .frontView-recruit
**/
.frontView-recruit {
	height: 32.6rem;
	position: relative;
}

.frontView-recruit .pageTitle {
	position: absolute;
	left: 50%;
	top: 11rem;
	color: #fff;
}

.frontView-recruit .pageTitle .outline2 {
	font-size: 1.8rem;
}

.frontView-recruit h1 {
	margin: 6rem 5rem 0;
	font-weight: bold;
	font-size: 2rem;
}

.frontView-recruit h1 strong {
}

.frontView-recruit .nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 40rem;
	height: 26rem;
	background: #9bb757;
	color: #fff;
}

@media (max-width: 736px) {
	.frontView-recruit {
		height: auto;
		position: relative;
		margin-top: 4rem;
	}
    
    .frontView-recruit .nav {
        position: relative;
        width: 100%;
        height: auto;
        padding: 2rem;
    }
    
    .frontView-recruit h1 {
        margin: 0;
        font-size: 1.8rem;
        font-weight: bold;
    }

    .frontView-recruit h1 strong {
        font-size: 2rem;
    }
    
    .frontView-recruit .pageTitle {
        position: relative;
        left: 0;
        top: 0;
        padding: 2.5rem;
    }
    
    .frontView-recruit .pageTitle .outline2 {
        font-size: 1.2rem;
    }
}

/**
 * .frontView-recruit
**/
.frontView-privacypolicy {
	height: 32.6rem;
	position: relative;
}

.frontView-privacypolicy .pageTitle {
	position: absolute;
	left: 50%;
	top: 11rem;
	color: #fff;
}

.frontView-privacypolicy .pageTitle .outline2 {
	font-size: 1.4rem;
}

.frontView-privacypolicy h1 {
	margin: 6rem 5rem 0;
	font-weight: bold;
}

.frontView-privacypolicy h1 strong {
}

.frontView-privacypolicy .nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 40rem;
	height: 26rem;
	background: #9bb757;
	color: #fff;
}

@media (max-width: 736px) {
	.frontView-privacypolicy {
		height: auto;
		position: relative;
	}
    
    .frontView-privacypolicy .nav {
        position: relative;
        width: 100%;
        height: auto;
        padding: 2rem;
    }
    
    .frontView-privacypolicy h1 {
        margin: 0;
        font-size: 1.8rem;
        font-weight: bold;
    }

    .frontView-privacypolicy h1 strong {
        font-size: 2rem;
    }
    
    .frontView-privacypolicy .pageTitle {
        position: relative;
        left: 0;
        top: 0;
        padding: 2.5rem;
    }
    
    .frontView-privacypolicy .pageTitle .outline2 {
        font-size: 1.2rem;
    }
}


/**
 * .frontView-company
**/

.frontView-company {
	height: 32.6rem;
	position: relative;
}

.frontView-company .pageTitle {
	position: absolute;
	left: 50%;
	top: 13rem;
	color: #fff;
}

.frontView-company .pageTitle h1 {
	margin: 0 0 1em;
	font-size: 1.8rem;
	font-weight: bold;
}

.frontView-company .pageTitle h1 strong {
	font-size: 3.6rem;
}

.frontView-company .pageTitle .series {
	font-size: 1.5rem;
}

.frontView-company .pageTitle .outline1 {
	margin: 0 0 1em;
	font-size: 1.6rem;
	font-weight: bold;
}

.frontView-company .pageTitle .outline2 {
	font-size: 1.4rem;
}

.frontView-company .nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 40rem;
	height: 26rem;
	background: #0075a9;
	color: #fff;
}

.frontView-company .nav h2 {
	margin: 6rem 5rem 0;
	font-size: 2rem;
}

.frontView-company .toIndex {
	margin: -2rem 5rem 0;
	font-size: 1.2rem;
	text-align: right;
}

.frontView-company .toIndex a {
	color: #fff;
	text-decoration: none;
}

.frontView-company .toIndex a:hover {
	color: #eee;
	text-decoration: none;
}

.frontView-company ul {
	margin: 3rem 5rem 0;
	list-style: none;
}

.frontView-company ul a {
	display: inline-block;
	padding-left: 2rem;
	font-size: 1.2rem;
	font-weight: 500;
	color: #b8e4e2;
	text-decoration: none;
	position: relative;
}

.frontView-company ul a.active {
	color: #fff;
}

.frontView-company ul a.active:before {
	content: "―";
	position: absolute;
	left: 0;
}

.frontView-company ul a:hover {
	color: #fff;
}

@media (max-width: 736px) {
	.frontView-company {
		height: auto;
		background: url("../images/../images/company_ph.png") no-repeat center center;
		background-size: cover;
		position: relative;
	}

	.frontView-company .pageTitle {
		position: relative;
		left: 0;
		top: 0;
		padding: 0 2rem 2rem;
	}

	.frontView-company .pageTitle h1 {
		font-size: 1.5rem;
	}

	.frontView-company .pageTitle h1 strong {
		font-size: 3rem;
	}

	.frontView-company .pageTitle .series {
		padding: 1em 0 0;
	}

	.frontView-company .pageTitle .outline1 {
		font-size: 1.5rem;
	}

	.frontView-company .pageTitle .outline2 {
		font-size: 1.2rem;
	}

	.frontView-company .nav {
		position: relative;
		width: 100%;
		height: auto;
		padding: 2rem;
	}

	.frontView-company .nav h2 {
		margin: 0;
	}

	.frontView-company .toIndex {
		margin: -2rem 0 0;
	}

	.frontView-company ul {
		margin: 1rem 0 0;
		clear: both;
		overflow: hidden;
	}

	.frontView-company ul li {
		float: left;
		width: 33%;
	}

	.frontView-company ul a {
		font-size: 1.4rem;
	}
}

/**
 * .frontView-sitemap
**/

/**
 * .frontView-fa-board
**/

.frontView-fa-board {
	height: 32.6rem;
	position: relative;
}

.frontView-fa-board .pageTitle {
	position: absolute;
	left: 50%;
	top: 13rem;
	color: #fff;
}

.frontView-fa-board .pageTitle h1 {
	margin: 0 0 1em;
	font-size: 1.8rem;
	font-weight: bold;
}

.frontView-fa-board .pageTitle h1 strong {
	font-size: 3.6rem;
}

.frontView-fa-board .pageTitle .series {
	font-size: 1.5rem;
}

.frontView-fa-board .pageTitle .outline1 {
	margin: 0 0 1em;
	font-size: 1.6rem;
	font-weight: bold;
}

.frontView-fa-board .pageTitle .outline2 {
	font-size: 1.4rem;
}

.frontView-fa-board .nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 40rem;
	height: 26rem;
	background: #4db074;
	color: #fff;
}

.frontView-fa-board .nav h2 {
	margin: 6rem 5rem 0;
	font-size: 2rem;
}

.frontView-fa-board .toIndex {
	margin: -2rem 5rem 0;
	font-size: 1.2rem;
	text-align: right;
}

.frontView-fa-board .toIndex a {
	color: #fff;
	text-decoration: none;
}

.frontView-fa-board .toIndex a:hover {
	color: #eee;
	text-decoration: none;
}

.frontView-fa-board ul {
	margin: 3rem 5rem 0;
	list-style: none;
}

.frontView-fa-board ul a {
	display: inline-block;
	padding-left: 2rem;
	font-size: 1.2rem;
	font-weight: 500;
	color: #b8e4e2;
	text-decoration: none;
	position: relative;
}

.frontView-fa-board ul a.active {
	color: #fff;
}

.frontView-fa-board ul a.active:before {
	content: "―";
	position: absolute;
	left: 0;
}

.frontView-fa-board ul a:hover {
	color: #fff;
}

@media (max-width: 736px) {
	.frontView-fa-board {
		height: auto;
		background: url("../images/../images/fa-board_ph.png") no-repeat center center;
		background-size: cover;
		position: relative;
	}

	.frontView-fa-board .pageTitle {
		position: relative;
		left: 0;
		top: 0;
		padding: 0 2rem 2rem;
	}

	.frontView-fa-board .pageTitle h1 {
		font-size: 1.5rem;
	}

	.frontView-fa-board .pageTitle h1 strong {
		font-size: 3rem;
	}

	.frontView-fa-board .pageTitle .series {
		padding: 1em 0 0;
	}

	.frontView-fa-board .pageTitle .outline1 {
		font-size: 1.5rem;
	}

	.frontView-fa-board .pageTitle .outline2 {
		font-size: 1.2rem;
	}

	.frontView-fa-board .nav {
		position: relative;
		width: 100%;
		height: auto;
		padding: 2rem;
	}

	.frontView-fa-board .nav h2 {
		margin: 0;
	}

	.frontView-fa-board .toIndex {
		margin: -2rem 0 0;
	}

	.frontView-fa-board ul {
		margin: 1rem 0 0;
		clear: both;
		overflow: hidden;
	}

	.frontView-fa-board ul li {
		float: left;
		width: 33%;
	}

	.frontView-fa-board ul a {
		font-size: 1.4rem;
	}
}

/**
 * .frontView-sitemap
**/



.frontView-sitemap {
	height: 32.6rem;
	background-size: cover;
	position: relative;
}

.frontView-sitemap .pageTitle {
	position: absolute;
	left: 50%;
	top: 11rem;
	color: #fff;
}

.frontView-sitemap .pageTitle h1{
	margin: 0 0 1em;
	font-size: 1.8rem;
	font-weight: bold;
}

.frontView-sitemap .pageTitle h1 strong {
    font-size: 3.6rem;
}

.frontView-sitemap .pageTitle .series {
	font-size: 1.5rem;
}

.frontView-sitemap .pageTitle .outline1 {
	margin: 0 0 1em;
	font-size: 1.6rem;
	font-weight: bold;
}

.frontView-sitemap .pageTitle .outline2 {
	font-size: 1.4rem;
}

.frontView-sitemap .nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 40rem;
	height: 26rem;
	background: #9bb757;
	color: #fff;
}

.frontView-sitemap .nav h2 {
	margin: 6rem 5rem 0;
	font-size: 2rem;
}

.frontView-sitemap .nav h1 {
	margin: 6rem 5rem 0;
	font-size: 2rem;
}

.frontView-index .toIndex {
	margin: -2rem 5rem 0;
	font-size: 1.2rem;
	text-align: right;
}

.frontView-sitemap .toIndex a {
	color: #fff;
	text-decoration: none;
}

.frontView-sitemap .toIndex a:hover {
	color: #eee;
	text-decoration: none;
}

.frontView-sitemap ul {
	margin: 3rem 5rem 0;
	list-style: none;
}

.frontView-sitemap ul a {
	display: inline-block;
	padding-left: 2rem;
	font-size: 1.2rem;
	font-weight: 500;
	color: #b8e4e2;
	text-decoration: none;
	position: relative;
}

.frontView-sitemap ul a.active {
	color: #fff;
}

.frontView-sitemap ul a.active:before {
	content: "―";
	position: absolute;
	left: 0;
}

.frontView-sitemap {
	color: #fff;
}

@media (max-width: 736px) {
	.frontView-sitemap {
		height: 100%;
		position: relative;
		margin-top: -4rem;
	}

	.frontView-sitemap .pageTitle {
		position: relative;
		left: 0;
		top: 0;
		padding: 2.5rem;
	}

	.frontView-sitemap .pageTitle h1 {
		font-size: 1.5rem;
	}
	
	.frontView-sitemap .nav h1 {
		margin: 0;
	}

	.frontView-sitemap .pageTitle h1 strong {
		font-size: 3rem;
	}

	.frontView-sitemap .pageTitle .series {
		padding: 1em 0 0;
	}

	.frontView-sitemap .pageTitle .outline1 {
		font-size: 1.5rem;
	}

	.frontView-sitemap .pageTitle .outline2 {
		font-size: 1.2rem;
	}

	.frontView-sitemap .nav {
		position: relative;
		width: 100%;
		height: auto;
		padding: 2rem;
	}

	.frontView-sitemap .nav h2 {
		margin: 0;
	}

	.frontView-sitemap .toIndex {
		margin: -2rem 0 0;
	}

	.frontView-sitemap ul {
		margin: 1rem 0 0;
		clear: both;
		overflow: hidden;
	}

	.frontView-sitemap ul li {
		float: left;
		width: 33%;
	}

	.frontView-sitemap ul a {
		font-size: 1.4rem;
	}
}

/**
 * .frontView-case
**/

.frontView-case {
	height: 32.6rem;
	position: relative;
}

.frontView-case .pageTitle {
	position: absolute;
	left: 50%;
	top: 13rem;
	color: #fff;
}

.frontView-case .pageTitle h1 {
	margin: 0 0 1em;
	font-size: 1.8rem;
	font-weight: bold;
}

.frontView-case .pageTitle h1 strong {
	font-size: 3.6rem;
}

.frontView-case .pageTitle .series {
	font-size: 1.5rem;
}

.frontView-case .pageTitle .outline1 {
	margin: 0 0 1em;
	font-size: 1.6rem;
	font-weight: bold;
}

.frontView-case .pageTitle .outline2 {
	font-size: 1.4rem;
}

.frontView-case .nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 40rem;
	height: 26rem;
	background: #8266a6;
	color: #fff;
}

.frontView-case .nav h2 {
	margin: 6rem 5rem 0;
	font-size: 2rem;
}

.frontView-case .toIndex {
	margin: -2rem 5rem 0;
	font-size: 1.2rem;
	text-align: right;
}

.frontView-case .toIndex a {
	color: #fff;
	text-decoration: none;
}

.frontView-case .toIndex a:hover {
	color: #eee;
	text-decoration: none;
}

.frontView-case ul {
	margin: 3rem 5rem 0;
	list-style: none;
}

.frontView-case ul a {
	display: inline-block;
	padding-left: 2rem;
	font-size: 1.2rem;
	font-weight: 500;
	color: #b8e4e2;
	text-decoration: none;
	position: relative;
}

.frontView-case ul a.active {
	color: #fff;
}

.frontView-case ul a.active:before {
	content: "―";
	position: absolute;
	left: 0;
}

.frontView-case ul a:hover {
	color: #fff;
}

@media (max-width: 736px) {
	.frontView-case {
		height: auto;
		background: url("../images/../images/case_ph.png") no-repeat center center;
		background-size: cover;
		position: relative;
	}

	.frontView-case .pageTitle {
		position: relative;
		left: 0;
		top: 0;
		padding: 0 2rem 2rem;
	}

	.frontView-case .pageTitle h1 {
		font-size: 1.5rem;
	}

	.frontView-case .pageTitle h1 strong {
		font-size: 3rem;
	}

	.frontView-case .pageTitle .series {
		padding: 1em 0 0;
	}

	.frontView-case .pageTitle .outline1 {
		font-size: 1.5rem;
	}

	.frontView-case .pageTitle .outline2 {
		font-size: 1.2rem;
	}

	.frontView-case .nav {
		position: relative;
		width: 100%;
		height: auto;
		padding: 2rem;
	}

	.frontView-case .nav h2 {
		margin: 0;
	}

	.frontView-case .toIndex {
		margin: -2rem 0 0;
	}

	.frontView-case ul {
		margin: 1rem 0 0;
		clear: both;
		overflow: hidden;
	}

	.frontView-case ul li {
		float: left;
		width: 33%;
	}

	.frontView-case ul a {
		font-size: 1.4rem;
	}
}

/**
 * .frontView-information
**/



.frontView-information {
	height: 32.6rem;
	background-size: cover;
	position: relative;
}

.frontView-information .pageTitle {
	position: absolute;
	left: 50%;
	top: 11rem;
	color: #fff;
}

.frontView-information .pageTitle h1{
	margin: 0 0 1em;
	font-size: 1.8rem;
	font-weight: bold;
}

.frontView-information .pageTitle h1 strong {
    font-size: 3.6rem;
}

.frontView-information .pageTitle .series {
	font-size: 1.5rem;
}

.frontView-information .pageTitle .outline1 {
	margin: 0 0 1em;
	font-size: 1.6rem;
	font-weight: bold;
}

.frontView-information .pageTitle .outline2 {
	font-size: 1.4rem;
}

.frontView-information .nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 40rem;
	height: 26rem;
	background: #9bb757;
	color: #fff;
}

.frontView-information .nav h2 {
	margin: 6rem 5rem 0;
	font-size: 2rem;
}

.frontView-information .nav h1 {
	margin: 6rem 5rem 0;
	font-size: 2rem;
}

.frontView-information .toIndex {
	margin: -2rem 5rem 0;
	font-size: 1.2rem;
	text-align: right;
}

.frontView-information .toIndex a {
	color: #fff;
	text-decoration: none;
}

.frontView-information .toIndex a:hover {
	color: #eee;
	text-decoration: none;
}

.frontView-information ul {
	margin: 3rem 5rem 0;
	list-style: none;
}

.frontView-information ul a {
	display: inline-block;
	padding-left: 2rem;
	font-size: 1.2rem;
	font-weight: 500;
	color: #b8e4e2;
	text-decoration: none;
	position: relative;
}

.frontView-information ul a.active {
	color: #fff;
}

.frontView-information ul a.active:before {
	content: "―";
	position: absolute;
	left: 0;
}

.frontView-information {
	color: #fff;
}

@media (max-width: 736px) {
	.frontView-information {
		height: 100%;
		position: relative;
		margin-top: -4rem;
	}

	.frontView-information .pageTitle {
		position: relative;
		left: 0;
		top: 0;
		padding: 2.5rem;
	}

	.frontView-information .pageTitle h1 {
		font-size: 1.5rem;
	}
	
	.frontView-information .nav h1 {
		margin: 0;
	}

	.frontView-information .pageTitle h1 strong {
		font-size: 3rem;
	}

	.frontView-information .pageTitle .series {
		padding: 1em 0 0;
	}

	.frontView-information .pageTitle .outline1 {
		font-size: 1.5rem;
	}

	.frontView-information .pageTitle .outline2 {
		font-size: 1.2rem;
	}

	.frontView-information .nav {
		position: relative;
		width: 100%;
		height: auto;
		padding: 2rem;
	}

	.frontView-information .nav h2 {
		margin: 0;
	}

	.frontView-information .toIndex {
		margin: -2rem 0 0;
	}

	.frontView-information ul {
		margin: 1rem 0 0;
		clear: both;
		overflow: hidden;
	}

	.frontView-information ul li {
		float: left;
		width: 33%;
	}

	.frontView-information ul a {
		font-size: 1.4rem;
	}
}

.nav .language {
	position: absolute;
	right: 2.4rem;
	top: 2.4rem;
	display: none;
}

.nav .language a {
	text-decoration: none;
	color: #fff;
}

.nav a.langActive {
	font-weight: bold;
}

.nav a.langActive:link,
.nav a.langActive:active,
.nav a.langActive:hover,
.nav a.langActive:visited {
	color: #333;	
}

@media (max-width: 736px) {
    .nav .language {
		position: relative;
		display: none;
	}
}

/**
 * .frontView-inquiry
**/

.frontView-inquiry {
	height: 32.6rem;
	position: relative;
}

.frontView-inquiry .pageTitle {
	position: absolute;
	left: 50%;
	top: 11rem;
	color: #fff;
}

.frontView-inquiry .pageTitle .outline2 {
	font-size: 1.8rem;
}

.frontView-inquiry h1 {
	margin: 6rem 5rem 0;
	font-weight: bold;
}

.frontView-inquiry h1 strong {
}

.frontView-inquiry .nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 40rem;
	height: 26rem;
	background: #c0c65f;
	color: #fff;
}

@media (max-width: 736px) {
	.frontView-inquiry {
		height: auto;
		position: relative;
	}
    
    .frontView-inquiry .nav {
        position: relative;
        width: 100%;
        height: auto;
        padding: 2rem;
    }
    
    .frontView-inquiry h1 {
        margin: 0;
        font-size: 1.8rem;
        font-weight: bold;
    }

    .frontView-inquiry h1 strong {
        font-size: 2rem;
    }
    
    .frontView-inquiry .pageTitle {
        position: relative;
        left: 0;
        top: 0;
        padding: 2.5rem;
    }
    
    .frontView-inquiry .pageTitle .outline2 {
        font-size: 1.2rem;
    }
}


/**
 * .movie
**/

.movie {
    display: none;
}

.player {
	position: absolute;
	left: 50%;
	margin: -12rem 0 0;
	z-index: 1;
}

@media (max-width: 736px) {
    .movie {
        display: none;
    }
    
	.player {
		position: relative;
		left: 0;
		margin: 0;
	}
	
	.player {
		position: relative;
		width: 100%;
	}
	
	.player iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
}

/**
 * .new-products-area
**/

#new-products {
	margin-top: 7rem;
}

.new-products-area {
	background: #f4f4f4;
	clear: both;
	overflow: hidden;
	position: relative;
	top:-7rem;
}

.new-products-area-harf {
	width: 55rem;
	margin-top: 4rem;
}

.new-products-area .boxcol2 {
	float: left;
	background-color: #fff;
	width: 49.5rem;
	margin: 0 0.5rem 0 0;
}

.new-products-area .boxcol2:hover {
	background-color: #ccc;
}

.new-products-area .boxcol2:last-child {
	margin: 0 0 0 0.5rem;
}

.new-products-area .boxcol4 {
	float: left;
	text-align: center;
	margin-right: 1rem;
	width: 19rem;
	margin-top: 4rem;
}

.new-products-area .boxcol4:last-child {
	margin-right: 0;
}

.new-products-area .ttl {
	margin: 5.4rem 0 4.8rem 0;
	font-size: 1.8rem;
	text-align: center;
	color: #959494;
	font-weight: normal;
}

.new-products-area .ttl::after {
	content: ">";
	font-weight: normal;
	display: block;
	transform: rotate(90deg) scale(1, 2);
}

.new-products-area .ttl small {
	font-size: 1.8rem;
}

.new-products-area a{
	color: #333;
}

.new-products-area a:link {
	color: #333;
}

.new-products-area a:hover {
	background: #ccc;
}

.new-products-area .ttl2 {
	margin: 0.8em 0;
	font-size: 1.4rem;
	font-weight: bold;
	display: inline;
}

.new-products-area .ttl2 strong {
	font-size: 2.2rem;
}

.new-products-area .ttlsub {
	font-weight: bold;
}

.new-products-area .new-product-area {
	position: relative;
	height: 11rem;
	margin-left: 5rem;
	margin-top: 2.4rem;
}

.new-products-area .new-product-area::before {
	position: absolute;
	top: 50%;
	width: 4rem;
	content: '';
	border-top: 1px solid #333;
	
	margin-left: -5rem;
}

.new-products-area .case-outline {
	margin: 1.5em 0;
	list-style: none;
	font-size: 1.2rem;
	color: #a6a6a6;
}

.new-products-area .case-outline li {
	margin: 0.3em 0;
}

.new-products-area .more {
	margin: 2em 0 0;
	text-align: center;
}

.new-products-area .img-float-right {
	float: right;
	padding-left: 2rem;
}

.new-products-area p.text {
	margin: 1em 0;
}

.new-products-area em {
	color: #0075a9;
}

.new-products-area .new-products-area-image-list {
	width: 19rem;
}

.new-products-area .new-products-area-image-list li {
	list-style: none;
	display: inline-block;
	padding-right: 1rem;
}

.new-products-area .new-products-area-image-list li:nth-child(2n) {
	padding-right: 0;
}

.new-products-area .new-products-area-image-list li p.new-products-area-image-text {
	margin-bottom: 1.2rem;
}

.new-products-area .contactBtn {
	margin: 5rem 0 1rem;
}

.new-products-area .icon-new {
	padding: 1rem;
	display: inline;
	margin-top: 0;
	background-color: #ede677;
}

@media (max-width: 736px) {
	#new-products {
		margin-top: 0;
	}
	.new-products-area {
		margin: 0;
		padding: 0;
		top: 0;
	}
	
	.new-products-area-harf {
		width: auto;
		margin-top: 0;
	}

	.new-products-area .boxcol2 {
		float: none;
		width: auto;
		padding: 0;
	}

	.new-products-area .boxcol2:last-child {
		padding: 0;
	}

	.new-products-area .boxcol4 {
		float: none;
		width: auto;
		margin: 2rem 0 0;
	}

	.new-products-area .ttl {
		margin: 1rem 0 1em;
		font-size: 2.2rem;
	}
	
	.new-products-area .ttl::after {
		content: "";
		font-weight: normal;
		display: block;
		transform: rotate(90deg) scale(1, 2);
	}

	.new-products-area .ttl small {
		font-size: 1.5rem;
	}

	.new-products-area .ttl2 {
		margin: 0.8em 0;
		font-size: 1.6rem;
	}

	.new-products-area .img img {
		width: 100%;
		height: auto;
	}
	
	.new-products-area .ttlsub {
		margin-top: 2em;
	}

	.new-products-area .case-outline {
		margin: 1.2em 0;
	}

	.new-products-area .case-outline li {
		margin: 0.3em 0;
	}

	.new-products-area .img-float-right {
		float: none;
		padding-left: 0;
	}

	.new-products-area .img-float-right img {
		width: 100%;
		height: auto;
	}

	.new-products-area .new-products-area-image-list {
		width: auto;
		clear: both;
		overflow: hidden;
	}

	.new-products-area .new-products-area-image-list li {
		display: block;
		float: left;
		width: 25%;
		padding: 0;
	}

	.new-products-area .new-products-area-image-list li img {
		width: 80%;
		height: auto;
	}

	.new-products-area .new-products-area-image-list li p.new-products-area-image-text {
		margin: 0.5em 0 0;
	}

	.new-products-area .contactBtn {
		margin: 3rem 0 1rem;
	}
	
	.new-products-area .icon-new {
		padding: 0.2rem;
	}
	
	.new-products-area p.text {
		margin: 0;
		padding: 2rem;
	}
	
	.new-products-area .boxcol2 {
		margin-right: 0;
	}
	
	.new-products-area .boxcol2:last-child {
		margin-top: 1rem;
		margin-left: 0;
	}
}

/**
 * .information
**/


#information {
    margin-top: -8rem;
}

.sepImg-information {
	position: absolute;
	margin: -6rem 0 0 0;
	height: 45.6rem;
	width: 100%;
	z-index: -1;
	background: url("../images/information_ph.png") no-repeat center center;
	background-size: cover;
}

/**
 * .information-content
**/

.information-content {
	margin: 8rem 0;
	padding: 7rem 10rem;
	background: #fff;
	clear: both;
	overflow: hidden;
    font-size: 1.3rem;
}

.information-content a {
	text-decoration: none;
    font-weight: normal;
}

.information-content ul {
	list-style: none;
    font-size: 1.4rem;
}

.information-content > ul > li {
	padding: 4rem 0;
    border-bottom: 1px solid #e0e0e0;
}

.information-content .detail-date {
    text-align: right;
    color: #0075a9;
}

.information-content > ul > li > ul > li {
	display: inline-block;
	vertical-align: top;
}

.information-content > ul > li > ul > li:first-of-type {
	width: 6rem;
}

.information-content > ul > li > ul > li:last-of-type {
	width: 70rem;
}

.information-content > ul > li > ul > li >a {
	color: #333;
}

.information-content-date {
    margin-right: 3rem;
    color: #0075a9;
}

.information-content > ul > li:first-child {
    border-top: 1px solid #e0e0e0;
}

@media (max-width: 736px) {
    
    #information {
        margin-top: 0;
    }
	
    .sepImg-information {
        position: absolute;
        margin: -6rem 0 0 0;
        height: 14.6rem;
        width: 100%;
        z-index: -1;
        background: url("../images/information_ph.png") no-repeat center center;
        background-size: cover;
    }

	.information-content {
        margin: 0;
        padding: 2rem;
        background: #fff;
        clear: both;
        overflow: hidden;
        font-size: 1.3rem;
    }

    .information-content a {
        text-decoration: none;
        font-weight: normal;
    }

    .information-content > ul {
        list-style: none;
        display: block;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .information-content > ul > li {
	padding: 2rem 0;
    }
    
    .information-content > ul > li > ul > li:first-of-type {
        width: 100%;
    }

    .information-content > ul > li > ul > li:last-of-type {
        width: 100%;
    }

}

/**
 * .information-detailcontent
**/

.information-detail-content {
	margin: 8rem 0;
	padding: 7rem 10rem 4rem 10rem;
	background: #fff;
	clear: both;
	overflow: hidden;
    font-size: 1.3rem;
}
.information-detail-content a {
	text-decoration: none;
    font-weight: normal;
}

.information-detail-content > .detail {
	padding: 3rem 0;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
}

.information-detail-content .detail-date {
    text-align: right;
    color: #0075a9;
}

.information-detail-content > .detail .description {
	margin-bottom: 3.5rem;
}

.information-detail-content h2 {
	margin-bottom: 4rem;
}

.information-detail-content .boxLink {
	padding: 2.3rem 6rem;
    border: solid 1px #000;
    font-size: 1.3rem;
    font-weight: bold;
    font-style: normal;
    color: #000;
    position: relative;
    text-decoration: none;
    display: inline-block;
    margin-top: 4rem;
}

.information-detail-content .boxLink::before {
    position: absolute;
	top: 50%;
	left: 0;
	width: 2rem;
	content: '';
	border-top: 1px solid #000;
	transition-property: width;
	transition-duration:0.2s;
	transition-timing-function:ease-in-out;
}

.information-detail-content .boxLink:hover::before {
	width: 3rem;
}

.information-detail-content .boxLink::after {
    position: absolute;
	top: 50%;
	right: 0;
	width: 0;
	content: '';
	border-top: 1px solid #000;
	
	transition-property: width;
	transition-duration:0.4s;
	transition-timing-function:ease-in-out;
}

.information-detail-content .boxLink:hover::after {
	width: 3rem;
}

@media (max-width: 736px) {
    
    .sepImg-information {
        position: absolute;
        margin: -6rem 0 0 0;
        height: 14.6rem;
        width: 100%;
        z-index: -1;
        background: url("../images/information_ph.png") no-repeat center center;
        background-size: cover;
    }

	.information-detail-content {
        margin: 2rem 0;
        padding: 2rem;
        background: #fff;
        clear: both;
        overflow: hidden;
        font-size: 1.3rem;
    }
    .information-detail-content a {
        text-decoration: none;
        font-weight: normal;
    }
	
	.information-detail-content img {
        width: 100%;
		height: auto;
    }
}


/**
 * .sitemap
**/

#sitemap {
    margin-top: -8rem;
}

.sepImg-sitemap {
	position: absolute;
	margin: -6rem 0 0 0;
	height: 45.6rem;
	width: 100%;
	z-index: -1;
	background: url("../images/sitemap_ph.png") no-repeat center center;
	background-size: cover;
}

/**
 * .sitemap-content
**/

.sitemap-content {
	margin: 8rem 0;
	padding: 7rem 10rem;
	background: #fff;
	clear: both;
	overflow: hidden;
    font-size: 1.3rem;
}

.sitemap-content p.text {
	margin: 1rem 0;
}

.sitemap-content a {
	text-decoration: none;
    font-weight: normal;
}

.sitemap-content > ul {
	list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.sitemap-content > ul > li{
    width: 25%;
    padding-left: -3rem;
    border-left: 1px solid #ccc;
    margin-bottom: 7rem;
}

.sitemap-content ul > li > ul {
    margin-left: 5rem;
    margin-top: 0.3rem;
    list-style: none;
    
}

.sitemap-content ul > li > ul >li > ul {
    margin-left: 2rem;
}

.sitemap-content > ul > li .first-category::before {
    position: absolute;
    width: 2rem;
    margin-left: -2rem;
    content: 'ー';
}

.sitemap-content > ul > li .first-category {
    padding-left: 3rem;
    margin-left: 1rem;
}

.sitemap-content > ul > li:nth-child(5n) {
    padding-bottom: 6rem;
}


@media (max-width: 736px) {
    #sitemap {
        margin-top: 0;
    }
    
    .sepImg-sitemap {
        position: absolute;
        margin: -6rem 0 0 0;
        height: 14.6rem;
        width: 100%;
        z-index: -1;
        background: url("../images/sitemap_ph.png") no-repeat center center;
        background-size: cover;
    }

	.sitemap-content {
        margin: 0;
        padding: 2rem;
        background: #fff;
        clear: both;
        overflow: hidden;
        font-size: 1.3rem;
    }

    .sitemap-content p.text {
        margin: 1rem 0;
    }

    .sitemap-content a {
        text-decoration: none;
        font-weight: normal;
    }

    .sitemap-content > ul {
        list-style: none;
        display: block;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .sitemap-content > ul > li{
        width: 100%;
        padding-left: -3rem;
        border-left: 1px solid #ccc;
        margin-bottom: 0;
        padding-bottom: 2rem;
    }

    .sitemap-content ul > li > ul {
        margin-left: 5rem;
        margin-top: 0.3rem;
        list-style: none;

    }

    .sitemap-content ul li > ul li > ul{
        margin-left: 2rem;
    }

    .sitemap-content > ul > li .first-category::before {
        position: absolute;
        width: 2rem;
        margin-left: -2rem;
        content: 'ー';
    }

    .sitemap-content > ul > li .first-category {
        padding-left: 3rem;
        margin-left: 1rem;
    }

    .sitemap-content > ul > li:nth-child(5n) {
        padding-bottom: 2rem;
    }
}

/**
 * .products-content
**/

.products-content {
	margin: 8rem 0;
	padding: 5rem 10rem;
	background: #fff;
	clear: both;
	overflow: hidden;
}

.product-content-harf {
	width: 55rem;
	margin-top: 4rem;
}

.products-content .boxcol2 {
	float: left;
	width: 40rem;
	padding: 0 5rem 0 0;
}

.products-content .boxcol2:last-child {
	padding: 0 0 0 5rem;
}

.products-content .boxcol4 {
	float: left;
	text-align: center;
	margin-right: 3rem;
	width: 19rem;
	margin-top: 4rem;
}

.products-content .boxcol4-2col {
	float: left;
	text-align: center;
	width: 36rem;
	margin-top: 4rem;
}

.products-content .boxcol4-2col .ttl2 {
    margin-left: 1.5rem;
}

.products-content .cannot-measurement {
    width: 100%;
    background-color: #f2f2f2;
    margin: 5rem 1rem;
    padding: 3rem;
}

.products-content .cannot-measurement .ttl2 {
	margin: 0 0 3.2rem 0;
	font-size: 1.8rem;
	font-weight: bold;
	color: #0075a9;
}

.products-content .cannot-measurement .cannot-measurement-list {
    width:  100%;
    margin-bottom: 2rem;
}

.products-content .cannot-measurement .cannot-measurement-list li {
	padding: 1rem 0;
    font-size: 1.4rem;
    background-color: #0075a9;
    display: inline-block;
    list-style: none;
    color: #fff;
    width: 17rem;
    text-align: center;
    margin-right: 2rem;
}

.products-content .cannot-measurement .cannot-measurement-list li:nth-child(4) {
    margin-right: 0;
}

/*.products-content .boxcol4:last-child {
	margin-right: 0;
}*/

.products-content .ttl {
	margin: 0 0 1.5em;
	font-size: 2.6rem;
	font-weight: normal;
}

.products-content .ttl small {
	font-size: 1.8rem;
}

.products-content .ttl2 {
	margin: 0.8em 0;
	font-size: 1.8rem;
	font-weight: bold;
	color: #0075a9;
}

.products-content .ttlsub {
	font-weight: bold;
}

.products-content .case-outline {
	margin: 1.5em 0;
	list-style: none;
	font-size: 1.2rem;
	color: #a6a6a6;
}

.products-content .case-outline li {
	margin: 0.3em 0;
}

.products-content .more {
	margin: 2em 0 0;
	text-align: center;
}

.products-content .img-float-right {
	float: right;
	padding-left: 2rem;
}

.products-content p.text {
	margin: 1em 0;
}

.products-content em {
	color: #0075a9;
    font-weight: normal;
}

.products-content .products-content-image-list {
	width: 19rem;
}

.products-content .products-content-image-list-2col {
	width: 36rem;
    margin-left: 1rem;
}

.products-content .products-content-image-list li,
.products-content .products-content-image-list-2col li {
	list-style: none;
	display: inline-block;
	padding-right: 1rem;
}

.products-content .products-content-image-list li:nth-child(2n),
.products-content .products-content-image-list-2col  li:nth-child(4n){
	padding-right: 0;
}

.products-content .products-content-image-list li p.products-content-image-text,
.products-content .products-content-image-list-2col li p.products-content-image-text {
	margin-bottom: 1.2rem;
}

.products-content .contactBtn {
	margin: 5rem 0 1rem;
}

.products-content table {
	width: 100%;
}

.products-content table.table1 .col1 {
	width: 40%;
}

.products-content table.table1 .col2 {
	width: 60%;
}

.products-content table th, 
.products-content table td {
	border: solid 1px #dcdcdc;
	padding: 1em;
}

.products-content table th {
	background: #333;
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: left;
}

.products-content table td {
	background: #fff;
	color: #464646;
	font-size: 1.3rem;
	font-weight: normal;
	text-align: center;
}

.products-content a {
	text-decoration: none;
}

.products-content table tr:nth-child(2n) td {
	background: #f2f2f2;
}

.products-content table sup {
	margin-left: 0.4rem;
}

@media (max-width: 736px) {
	.products-content {
		margin: 8rem 0;
		padding: 2rem;
	}

	.product-content-harf {
		width: auto;
		margin-top: 0;
	}

	.products-content .boxcol2 {
		float: none;
		width: auto;
		padding: 0;
	}

	.products-content .boxcol2:last-child {
		padding: 0;
	}

	.products-content .boxcol4,
    .products-content .boxcol4-2col {
		float: none;
		width: auto;
		margin: 2rem 0 0;
	}
    
    .products-content .cannot-measurement {
        width: auto;
    }
    
    .products-content .cannot-measurement .cannot-measurement-list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem;
    }
    
    .products-content .cannot-measurement p {
        width: auto;
    }
    

	.products-content .ttl {
		margin: 0 0 1em;
		font-size: 2.2rem;
	}

	.products-content .ttl small {
		font-size: 1.5rem;
	}

	.products-content .ttl2 {
		margin: 0.8em 0;
		font-size: 1.6rem;
	}

	.products-content .img img {
		width: 100%;
		height: auto;
	}
	
	.products-content .ttlsub {
		margin-top: 2em;
	}

	.products-content .case-outline {
		margin: 1.2em 0;
	}

	.products-content .case-outline li {
		margin: 0.3em 0;
	}

	.products-content .img-float-right {
		float: none;
		padding-left: 0;
	}

	.products-content .img-float-right img {
		width: 100%;
		height: auto;
	}

	.products-content .products-content-image-list,
    .products-content .products-content-image-list-2col {
		width: auto;
		clear: both;
		overflow: hidden;
        margin-left: 0;
	}

	.products-content .products-content-image-list li,
    .products-content .products-content-image-list-2col li {
		display: block;
		float: left;
		width: 25%;
		padding: 0;
	}

	.products-content .products-content-image-list li img,
    .products-content .products-content-image-list-2col li img {
		width: 80%;
		height: auto;
	}

	.products-content .products-content-image-list li p.products-content-image-text {
		margin: 0.5em 0 0;
	}

	.products-content .contactBtn {
		margin: 3rem 0 1rem;
	}
	
	.products-spec table {
		width: 100%;
	}

	.products-spec table th, 
	.products-spec table td {
		padding: 0.5em;
	}

	.products-spec table th {
		font-size: 1.1rem;
	}

	.products-spec table td {
		font-size: 1.1rem;
	}
}

/**
 * .case-content
**/

.sepImg-case {
	position: absolute;
    margin: -6rem 0 0 0;
    height: 45.6rem;
    width: 100%;
    z-index: -1;
	background: url("../images/case_ph.png") no-repeat center center;
    background-size: auto auto;
    background-size: cover;
}

#case {
	margin-top: -8rem;
}

.case-content {
	margin: 8rem 0;
	padding: 5rem 10rem;
	background: #fff;
	clear: both;
	overflow: hidden;
}

.case-content-harf {
	width: 55rem;
	margin-top: 4rem;
}

.case-content .boxcol2 {
	float: left;
	width: 55rem;
	padding: 0 3rem 0 0;
}

.case-content .boxcol2:nth-last-child(2n) {
	width: 25rem;
	padding: 0;
}

.case-content .boxcol4 {
	float: left;
	text-align: center;
	margin-right: 1rem;
	width: 19rem;
	margin-top: 4rem;
}

.case-content .boxcol4:last-child {
	margin-right: 0;
}

.case-content .ttl {
	margin: 0 0 1.5em;
	font-size: 2.6rem;
	font-weight: normal;
}

.case-content .ttl small {
	font-size: 1.8rem;
}

.case-content .ttl2 {
	margin: 0.8em 0;
	font-size: 1.8rem;
	font-weight: bold;
	color: #0075a9;
	border-top: 1px solid #ccc;
	padding: 4rem 0;
}

.case-content .ttl3 {
	margin: 0.8em 0;
	font-size: 1.25rem;
	color: #0075a9;
}

.case-content .ttlsub {
	font-weight: bold;
}

.case-content .case-outline {
	margin: 1.5em 0;
	list-style: none;
	font-size: 1.2rem;
	color: #a6a6a6;
}

.case-content .case-outline li {
	margin: 0.3em 0;
}

.case-content .more {
	margin: 2em 0 0;
	text-align: center;
}

.case-content .img-float-right {
	float: right;
	padding-left: 2rem;
}

.case-content p.text {
	margin: 1em 0;
	font-size: 1.25rem;
}

.case-content em {
	color: #0075a9;
}

.case-content .case-content-image-list {
	width: 19rem;
}

.case-content .case-content-image-list li {
	list-style: none;
	display: inline-block;
	padding-right: 1rem;
}

.case-content .case-content-image-list li:nth-child(2n) {
	padding-right: 0;
}

.case-content .case-content-image-list li p.case-content-image-text {
	margin-bottom: 1.2rem;
}

.case-content .contactBtn {
	margin: 5rem 0 1rem;
}

.case-content table {
	margin-top: 1.5rem;
	width: 100%;
}

.case-content table.table1 .col1 {
	width: 22%;
}

.case-content table.table1 .col2 {
	width: 33%;
}

.case-content table.table1 .col3 {
	width: 45%;
}

.case-content table.table1 .col4 {
	width: 37%;
}

.case-content table.table2 .col1 {
	width: 25%;
}

.case-content table.table2 .col2 {
	width: 38%;
}

.case-content table.table2 .col3 {
	width: 37%;
}

.case-content table.table3 .col1 {
	width: 25%;
}

.case-content table.table3 .col2 {
	width: 21%;
}

.case-content table.table3 .col3, 
.case-content table.table3 .col4, 
.case-content table.table3 .col5 {
	width: 18%;
}

.case-content table th, 
.case-content table td {
	border: solid 1px #dcdcdc;
	padding: 1em;
}

.case-content table th {
	background: #333;
	color: #fff;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
}

.case-content table td {
	background: #fff;
	color: #464646;
	font-size: 1.25rem;
	font-weight: normal;
	text-align: left;
}

.case-content table tr:nth-child(2n) td {
	background: #f2f2f2;
}

.case-content .note {
	margin: 1em 0;
	padding: 0;
	list-style: none;
	font-size: 1.2rem;
	color: #464646;
}

.case-content .note li {
	margin: 0.5em 0;
}

.case-content .note li:before {
	content: "※";
}

.case-content .caption {
	margin: 1em 0 0.5em;
}

.case-content .case-content-custom {
	width: 50rem;
	display: block;
	margin-left: 2rem;
}

.case-content .case-content-custom::before {
	content: "ー";
	margin-left: -2rem;
	color: #0075a9;
	display: block;
	width: 2rem;
	height: 100%;
	float: left;
}

.case-content .case-content-inBox {
	margin-bottom: 8rem;
}

@media (max-width: 736px) {
	.case-content {
		margin: 8rem 0;
		padding: 2rem;
		clear: both!important;
	}

	.case-content-harf {
		width: auto;
		margin-top: 0;
	}

	.case-content .boxcol2 {
		float: none;
		width: auto;
		padding: 0;
	}

	.case-content .boxcol2:last-child {
		padding: 0;
	}

	.case-content .boxcol4 {
		float: none;
		width: auto;
		margin: 2rem 0 0;
	}

	.case-content .ttl {
		margin: 0 0 1em;
		font-size: 2.2rem;
	}

	.case-content .ttl small {
		font-size: 1.5rem;
	}

	.case-content .ttl2 {
		margin: 0.8em 0;
		padding: 0.8em;
		font-size: 1.6rem;
	}
	
	.case-content .ttl3 {
		margin: 0.8em 0;
		font-size: 1.25rem;
		color: #0075a9;
	}

	.case-content .img img {
		width: 100%;
		height: auto;
	}
	
	.case-content .ttlsub {
		margin-top: 2em;
	}

	.case-content .case-outline {
		margin: 1.2em 0;
	}

	.case-content .case-outline li {
		margin: 0.3em 0;
	}

	.case-content .img-float-right {
		float: none;
		padding-left: 0;
	}

	.case-content .img-float-right img {
		width: 100%;
		height: auto;
	}

	.case-content .case-content-image-list {
		width: auto;
		clear: both;
		overflow: hidden;
	}

	.case-content .case-content-image-list li {
		display: block;
		float: left;
		width: 25%;
		padding: 0;
	}

	.case-content .case-content-image-list li img {
		width: 80%;
		height: auto;
	}

	.case-content .case-content-image-list li p.case-content-image-text {
		margin: 0.5em 0 0;
	}

	.case-content .contactBtn {
		margin: 3rem 0 1rem;
	}

	.case-content .img img {
		width: 100%;
		height: auto;
	}

	.case-content table th, 
	.case-content table td {
		padding: 0.5em;
	}

	.case-content table th {
		font-size: 1.1rem;
	}

	.case-content table td {
		font-size: 1.1rem;
	}

	.case-content .note {
		font-size: 1.1rem;
	}

	.case-content .note li {
		margin: 0;
	}
	
	.case-content .case-content-custom {
		width: calc(100% - 2rem);
		display: block;
		margin-left: 2rem;
	}
	
	.case-content .case-content-custom .text {
		margin: 0 0 2rem 0;
	}
	
	.case-content .case-content-custom::before {
		content: "ー";
		margin-left: -2rem;
		color: #0075a9;
		display: block;
		width: 2rem;
		height: 100%;
		float: left;
	}

	.case-content .case-content-inBox {
		margin-bottom: 4rem;
	}
}

/**
 * .company-content
**/

.sepImg-company {
	position: absolute;
    margin: -6rem 0 0 0;
    height: 45.6rem;
    width: 100%;
    z-index: -1;
	background: url("../images/company_ph.png") no-repeat center center;
    background-size: auto auto;
    background-size: cover;
}

#overview,
#business,
#slogan,
#quality {
	margin-top: -8rem;
}

#business h3 {
	padding: 3rem 0;
	border-top: solid #ccc 1px;
}

.company-content-inside {
	position: relative;
}

.company-content-inside:nth-last-of-type(3) {
	height: 25rem;
}

.company-content-inside .text {
	padding-bottom: 3rem;
	width: 47rem;
}

.company-content-inside .image {
	position: absolute;
	width: 29rem;
	right: 0;
	top: 0;
}

#slogan .company-content {
	margin: 8rem 0 0 0;
}

#slogan .text {
	padding-bottom: 2rem;
}

#slogan img {
	width: 100%;
	height: auto;
}

.company-content {
	margin: 8rem 0;
	padding: 5rem 10rem;
	background: #fff;
	clear: both;
	overflow: hidden;
	position: relative;
}

.company-content .text {
	padding-bottom: 3rem;
}

.company-content-harf {
	width: 55rem;
	margin-top: 4rem;
}

.company-content .boxcol2 {
	float: left;
	width: 40rem;
	padding: 0 5rem 0 0;
}

.company-content .boxcol2:last-child {
	padding: 0 0 0 5rem;
}

.company-content .boxcol4 {
	float: left;
	text-align: center;
	margin-right: 1rem;
	width: 19rem;
	margin-top: 4rem;
}

.company-content .boxcol4:last-child {
	margin-right: 0;
}

.company-content .ttl {
	margin: 0 0 1.5em;
	font-size: 2.6rem;
	font-weight: normal;
}

.company-content .ttl small {
	font-size: 1.8rem;
}

.company-content .ttl2 {
	margin: 0.8em 0;
	font-size: 1.8rem;
	font-weight: bold;
	color: #0075a9;
}

.company-content .ttl2ex {
	margin: 2.4em 0 0.8em 0;
	font-size: 1.8rem;
	font-weight: bold;
	color: #0075a9;
}

.company-content .ttlsub {
	font-weight: bold;
}

.company-content .case-outline {
	margin: 1.5em 0;
	list-style: none;
	font-size: 1.2rem;
	color: #a6a6a6;
}

.company-content .case-outline li {
	margin: 0.3em 0;
}

.company-content .more {
	margin: 2em 0 0;
	text-align: center;
}

.company-content .img-float-right {
	float: right;
	padding-left: 2rem;
}

.company-content p.text {
	margin: 1em 0;
}

.company-content em {
	color: #0075a9;
}

.company-content .company-content-image-list {
	width: 19rem;
}

.company-content .company-content-image-list li {
	list-style: none;
	display: inline-block;
	padding-right: 1rem;
}

.company-content .company-content-image-list li:nth-child(2n) {
	padding-right: 0;
}

.company-content .company-content-image-list li p.company-content-image-text {
	margin-bottom: 1.2rem;
}

.company-content .contactBtn {
	margin: 5rem 0 1rem;
}

.company-content table {
	width: 100%;
}

.company-content table.table1 .col1 {
	width: 25%;
}

.company-content table.table1 .col2 {
	width: 75%;
}

.company-content table.table2 .col1 {
	width: 25%;
}

.company-content table.table2 .col2 {
	width: 38%;
}

.company-content table.table2 .col3 {
	width: 37%;
}

.company-content table.table3 .col1 {
	width: 25%;
}

.company-content table.table3 .col2 {
	width: 21%;
}

.company-content table.table3 .col3, 
.company-content table.table3 .col4, 
.company-content table.table3 .col5 {
	width: 18%;
}

.company-content table th, 
.company-content table td {
	border: solid 1px #dcdcdc;
	padding: 1em;
}

.company-content table th {
	background: #333;
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
}

.company-content table td {
	background: #fff;
	color: #464646;
	font-size: 1.3rem;
	font-weight: normal;
	text-align: left;
}

.company-content table tr:nth-child(2n) td {
	background: #f2f2f2;
}

.company-content .note {
	margin: 1em 0;
	padding: 0;
	list-style: none;
	font-size: 1.2rem;
	color: #464646;
}

.company-content .note li {
	margin: 0.5em 0;
}

.company-content .note li:before {
	content: "※";
}

.company-content .caption {
	margin: 1em 0 0.5em;
}

#business .text:nth-child(2) {
	padding-bottom: 0;
}

.company-content .text-ul {
    margin-left: 2rem;
	margin-bottom: 3rem;
}

@media (max-width: 736px) {
	#business h3 {
		padding: 1rem 0;
		border-top: solid #ccc 1px;
	}

	#business .text {
		padding-bottom: 2rem;
	}

	#slogan .text {
		padding-bottom: 2rem;
	}

	#slogan img {
		width: 100%;
		height: auto;
	}
	
	.company-content {
		margin: 8rem 0;
		padding: 2rem;
	}

	.company-content-harf {
		width: auto;
		margin-top: 0;
	}

	.company-content .boxcol2 {
		float: none;
		width: auto;
		padding: 0;
		text-align: center;
	}

	.company-content .boxcol2:last-child {
		padding: 0;
	}

	.company-content .boxcol4 {
		float: none;
		width: auto;
		margin: 2rem 0 0;
	}

	.company-content .ttl {
		margin: 0 0 1em;
		font-size: 2.2rem;
	}

	.company-content .ttl small {
		font-size: 1.5rem;
	}

	.company-content .ttl2 {
		margin: 0.8em 0;
		font-size: 1.6rem;
	}
	
	.company-content .ttl2ex {
		margin: 2.4em 0 0.8em 0;
		font-size: 1.6rem;
	}

	.company-content img {
		width: 100%;
		height: auto;
	}
	
	.company-content .ttlsub {
		margin-top: 2em;
	}

	.company-content .case-outline {
		margin: 1.2em 0;
	}

	.company-content .case-outline li {
		margin: 0.3em 0;
	}

	.company-content .img-float-right {
		float: none;
		padding-left: 0;
	}

	.company-content .img-float-right img {
		width: 100%;
		height: auto;
	}

	.company-content .company-content-image-list {
		width: auto;
		clear: both;
		overflow: hidden;
	}

	.company-content .company-content-image-list li {
		display: block;
		float: left;
		width: 25%;
		padding: 0;
	}

	.company-content .company-content-image-list li img {
		width: 80%;
		height: auto;
	}

	.company-content .company-content-image-list li p.company-content-image-text {
		margin: 0.5em 0 0;
	}

	.company-content .contactBtn {
		margin: 3rem 0 1rem;
	}

	.company-content table th, 
	.company-content table td {
		padding: 0.5em;
	}

	.company-content table th {
		font-size: 1.1rem;
	}

	.company-content table td {
		font-size: 1.1rem;
	}

	.company-content .note {
		font-size: 1.1rem;
	}

	.company-content .note li {
		margin: 0;
	}
	
	.company-content-inside {
		position: relative;
	}

	.company-content-inside:nth-last-of-type(3) {
		height: auto;
	}

	.company-content-inside .text {
		padding-bottom: 3rem;
		width: 100%;
	}

	.company-content-inside .image {
		position: relative;
		width: 100%;
		right: auto;
		top: auto;
	}
	
	.company-content-inside image {
		width: 100%;
		height: auto;
	}
}

/**
 * .fa-board-content
**/

#fa-board-intro {
	margin-top: -8rem;
}

#fa-board-sec01,
#fa-board-sec02,
#fa-board-sec03
{
	margin-top: 8rem;
}

.sepImg-fa-board {
	position: absolute;
    margin: -6rem 0 0 0;
    height: 45.6rem;
    width: 100%;
    z-index: -1;
	background: url("../images/fa-board_ph.png") no-repeat center center;
    background-size: auto auto;
    background-size: cover;
}

.fa-board-content-inside {
	position: relative;
	min-height: 21rem; 
}

.fa-board-content-inside:nth-last-of-type(3) {
	height: 25rem;
}

.fa-board-content-inside .text {
	padding-bottom: 3rem;
	width: 47rem;
}

.fa-board-content-inside .image {
	position: absolute;
	width: 29rem;
	right: 0;
	top: 0;
}

.fa-board-content {
	margin: 8rem 0 0 0;
	padding: 5rem 10rem;
	background: #fff;
	clear: both;
	overflow: hidden;
	position: relative;
}

.fa-board-content h2 span{
	font-size: 1.8rem;
}

.fa-board-content .text {
	padding-bottom: 3rem;
}

.fa-board-content .text2 {
	padding-bottom: 1rem;
}

.fa-board-content-harf {
	width: 55rem;
	margin-top: 4rem;
}

.fa-board-content .boxcol2 {
	float: left;
	width: 40rem;
	padding: 0 5rem 0 0;
}

.fa-board-content .boxcol2:last-child {
	padding: 0 0 0 5rem;
}

.fa-board-content .boxcol4 {
	float: left;
	text-align: center;
	margin-right: 1rem;
	width: 19rem;
	margin-top: 4rem;
}

.fa-board-content .boxcol4:last-child {
	margin-right: 0;
}

.fa-board-content .ttl {
	margin: 0 0 1.5em;
	font-size: 2.6rem;
	font-weight: normal;
}

.fa-board-content .ttl small {
	font-size: 1.8rem;
}

.fa-board-content .ttl2 {
	margin: 0.8em 0;
	font-size: 1.8rem;
	font-weight: bold;
	color: #0075a9;
}

.fa-board-content .ttl2ex {
	margin: 2.4em 0 0.8em 0;
	font-size: 1.8rem;
	font-weight: bold;
	color: #0075a9;
}

.fa-board-content .ttlsub {
	font-weight: bold;
}

.fa-board-content .case-outline {
	margin: 1.5em 0;
	list-style: none;
	font-size: 1.2rem;
	color: #a6a6a6;
}

.fa-board-content .case-outline li {
	margin: 0.3em 0;
}

.fa-board-content .more {
	margin: 2em 0 0;
	text-align: center;
}

.fa-board-content .img-float-right {
	float: right;
	padding-left: 2rem;
}

.fa-board-content p.text {
	margin: 1em 0;
}

.fa-board-content em {
	color: #0075a9;
}

.fa-board-content .fa-board-content-image-list {
	width: 19rem;
}

.fa-board-content .fa-board-content-image-list li {
	list-style: none;
	display: inline-block;
	padding-right: 1rem;
}

.fa-board-content .fa-board-content-image-list li:nth-child(2n) {
	padding-right: 0;
}

.fa-board-content .fa-board-content-image-list li p.fa-board-content-image-text {
	margin-bottom: 1.2rem;
}

.fa-board-content .contactBtn {
	margin: 5rem 0 1rem;
}

.fa-board-content table {
	width: 100%;
}

.fa-board-content table.table1 .col1 {
	width: 25%;
}

.fa-board-content table.table1 .col2 {
	width: 75%;
}


.fa-board-content table.table2,
.fa-board-content table.table3{
	width: auto;
}

.fa-board-content table.table2 .col1,
.fa-board-content table.table2 .col2 {
	width: 50%;
}

.fa-board-content h4 {
	margin-top: 2.4rem;
}

.fa-board-content .caution {
	margin-top: 2.4rem;
	font-weight: bold;
}

.fa-board-content table.table3 .col1,
.fa-board-content table.table3 .col2,
.fa-board-content table.table3 .col3,
.fa-board-content table.table3 .col4 {
	width: 25%;
}

.fa-board-content table th, 
.fa-board-content table td {
	border: solid 1px #dcdcdc;
	padding: 1em;
}

.fa-board-content table th {
	background: #333;
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
}

.fa-board-content table td {
	background: #fff;
	color: #464646;
	font-size: 1.3rem;
	font-weight: normal;
	text-align: left;
}

.fa-board-content table tr:nth-child(2n) td {
	background: #f2f2f2;
}

.fa-board-content .note {
	margin: 1em 0;
	padding: 0;
	list-style: none;
	font-size: 1.2rem;
	color: #464646;
}

.fa-board-content .note li {
	margin: 0.5em 0;
}

.fa-board-content .note li:before {
	content: "※";
}

.fa-board-content .caption {
	margin: 1em 0 0.5em;
}

.fa-board-content .text-ul {
    margin-left: 2rem;
	margin-bottom: 3rem;
}

@media (max-width: 736px) {
	
	.fa-board-content {
		margin: 8rem 0;
		padding: 2rem;
	}

	.fa-board-content-harf {
		width: auto;
		margin-top: 0;
	}

	.fa-board-content .boxcol2 {
		float: none;
		width: auto;
		padding: 0;
		text-align: center;
	}

	.fa-board-content .boxcol2:last-child {
		padding: 0;
	}

	.fa-board-content .boxcol4 {
		float: none;
		width: auto;
		margin: 2rem 0 0;
	}

	.fa-board-content .ttl {
		margin: 0 0 1em;
		font-size: 2.2rem;
	}

	.fa-board-content .ttl small {
		font-size: 1.5rem;
	}

	.fa-board-content .ttl2 {
		margin: 0.8em 0;
		font-size: 1.6rem;
	}
	
	.fa-board-content .ttl2ex {
		margin: 2.4em 0 0.8em 0;
		font-size: 1.6rem;
	}

	.fa-board-content img {
		width: 100%;
		height: auto;
	}
	
	.fa-board-content .ttlsub {
		margin-top: 2em;
	}

	.fa-board-content .case-outline {
		margin: 1.2em 0;
	}

	.fa-board-content .case-outline li {
		margin: 0.3em 0;
	}

	.fa-board-content .img-float-right {
		float: none;
		padding-left: 0;
	}

	.fa-board-content .img-float-right img {
		width: 100%;
		height: auto;
	}

	.fa-board-content .fa-board-content-image-list {
		width: auto;
		clear: both;
		overflow: hidden;
	}

	.fa-board-content .fa-board-content-image-list li {
		display: block;
		float: left;
		width: 25%;
		padding: 0;
	}

	.fa-board-content .fa-board-content-image-list li img {
		width: 80%;
		height: auto;
	}

	.fa-board-content .fa-board-content-image-list li p.fa-board-content-image-text {
		margin: 0.5em 0 0;
	}

	.fa-board-content .contactBtn {
		margin: 3rem 0 1rem;
	}

	.fa-board-content table th, 
	.fa-board-content table td {
		padding: 0.5em;
	}

	.fa-board-content table th {
		font-size: 1.1rem;
	}

	.fa-board-content table td {
		font-size: 1.1rem;
		word-break: break-all;
	}

	.fa-board-content .note {
		font-size: 1.1rem;
	}

	.fa-board-content .note li {
		margin: 0;
	}
	
	.fa-board-content-inside {
		position: relative;
	}

	.fa-board-content-inside:nth-last-of-type(3) {
		height: auto;
	}

	.fa-board-content-inside .text {
		padding-bottom: 3rem;
		width: 100%;
	}

	.fa-board-content-inside .image {
		position: relative;
		width: 100%;
		right: auto;
		top: auto;
	}
	
	.fa-board-content-inside image {
		width: 100%;
		height: auto;
	}
}



/**
 * .recruit-content
**/

.sepImg-recruit {
	position: absolute;
    margin: -6rem 0 0 0;
    height: 45.6rem;
    width: 100%;
    z-index: -1;
	background: url("../images/recruit_ph.png") no-repeat center center;
    background-size: auto auto;
    background-size: cover;
}

#recruit {
	margin-top: -8rem;
}

.recruit-content {
	margin: 8rem 0;
	padding: 5rem 10rem;
	background: #fff;
	clear: both;
	overflow: hidden;
}

.recruit-content-harf {
	width: 55rem;
	margin-top: 4rem;
}

.recruit-content .boxcol2 {
	float: left;
	width: 40rem;
	padding: 0 5rem 0 0;
}

.recruit-content .boxcol2:last-child {
	padding: 0 0 0 5rem;
}

.recruit-content .boxcol4 {
	float: left;
	text-align: center;
	margin-right: 1rem;
	width: 19rem;
	margin-top: 4rem;
}

.recruit-content .boxcol4:last-child {
	margin-right: 0;
}

.recruit-content .ttl {
	margin: 0 0 1.5em;
	font-size: 2.6rem;
	font-weight: normal;
}

.recruit-content .ttl small {
	font-size: 1.8rem;
}

.recruit-content .ttl2 {
	margin: 0.8em 0;
	font-size: 1.8rem;
	font-weight: bold;
	color: #0075a9;
}

.recruit-content .ttlsub {
	font-weight: bold;
}

.recruit-content .case-outline {
	margin: 1.5em 0;
	list-style: none;
	font-size: 1.2rem;
	color: #a6a6a6;
}

.recruit-content .case-outline li {
	margin: 0.3em 0;
}

.recruit-content .more {
	margin: 2em 0 0;
	text-align: center;
}

.recruit-content .img-float-right {
	float: right;
	padding-left: 2rem;
}

.recruit-content p.text {
	margin: 1em 0;
}

.recruit-content em {
	color: #0075a9;
}

.recruit-content .recruit-content-image-list {
	width: 19rem;
}

.recruit-content .recruit-content-image-list li {
	list-style: none;
	display: inline-block;
	padding-right: 1rem;
}

.recruit-content .recruit-content-image-list li:nth-child(2n) {
	padding-right: 0;
}

.recruit-content .recruit-content-image-list li p.recruit-content-image-text {
	margin-bottom: 1.2rem;
}

.recruit-content .contactBtn {
	margin: 5rem 0 1rem;
}

.recruit-content table {
	width: 100%;
}

.recruit-content table.table1 .col1 {
	width: 25%;
}

.recruit-content table.table1 .col2 {
	width: 75%;
}

.recruit-content table.table2 .col1 {
	width: 25%;
}

.recruit-content table.table2 .col2 {
	width: 38%;
}

.recruit-content table.table2 .col3 {
	width: 37%;
}

.recruit-content table.table3 .col1 {
	width: 25%;
}

.recruit-content table.table3 .col2 {
	width: 21%;
}

.recruit-content table.table3 .col3, 
.recruit-content table.table3 .col4, 
.recruit-content table.table3 .col5 {
	width: 18%;
}

.recruit-content table th, 
.recruit-content table td {
	border: solid 1px #dcdcdc;
	padding: 1em;
}

.recruit-content table th {
	background: #333;
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
}

.recruit-content table td {
	background: #fff;
	color: #464646;
	font-size: 1.3rem;
	font-weight: normal;
	text-align: left;
}

.recruit-content table tr:nth-child(2n) td {
	background: #f2f2f2;
}

.recruit-content table ul {
	margin: 1rem;
}

.recruit-content table ul li{
	margin: 0.5rem;
}

.recruit-content .note {
	margin: 1em 0;
	padding: 0;
	list-style: none;
	font-size: 1.2rem;
	color: #464646;
}

.recruit-content .note li {
	margin: 0.5em 0;
}

.recruit-content .note li:before {
	content: "※";
}

.recruit-content .caption {
	margin: 1em 0 0.5em;
}

@media (max-width: 736px) {
	
	#recruit {
		margin-top: 0;
	}
	
    .recruit-content {
		margin: 0;
		padding: 2rem;
	}

	.recruit-content-harf {
		width: auto;
		margin-top: 0;
	}

	.recruit-content .boxcol2 {
		float: none;
		width: auto;
		padding: 0;
	}

	.recruit-content .boxcol2:last-child {
		padding: 0;
	}

	.recruit-content .boxcol4 {
		float: none;
		width: auto;
		margin: 2rem 0 0;
	}

	.recruit-content .ttl {
		margin: 0 0 1em;
		font-size: 2.2rem;
	}

	.recruit-content .ttl small {
		font-size: 1.5rem;
	}

	.recruit-content .ttl2 {
		margin: 0.8em 0;
		font-size: 1.6rem;
	}

	.recruit-content .img img {
		width: 100%;
		height: auto;
	}
	
	.recruit-content .ttlsub {
		margin-top: 2em;
	}

	.recruit-content .case-outline {
		margin: 1.2em 0;
	}

	.recruit-content .case-outline li {
		margin: 0.3em 0;
	}

	.recruit-content .img-float-right {
		float: none;
		padding-left: 0;
	}

	.recruit-content .img-float-right img {
		width: 100%;
		height: auto;
	}

	.recruit-content .recruit-content-image-list {
		width: auto;
		clear: both;
		overflow: hidden;
	}

	.recruit-content .recruit-content-image-list li {
		display: block;
		float: left;
		width: 25%;
		padding: 0;
	}

	.recruit-content .recruit-content-image-list li img {
		width: 80%;
		height: auto;
	}

	.recruit-content .recruit-content-image-list li p.recruit-content-image-text {
		margin: 0.5em 0 0;
	}

	.recruit-content .contactBtn {
		margin: 3rem 0 1rem;
	}

	.recruit-content table th, 
	.recruit-content table td {
		padding: 0.5em;
	}

	.recruit-content table th {
		font-size: 1.1rem;
	}

	.recruit-content table td {
		font-size: 1.1rem;
	}

	.recruit-content .note {
		font-size: 1.1rem;
	}

	.recruit-content .note li {
		margin: 0;
	}
}

/**
 * .privacypolicy-content
**/

.sepImg-privacypolicy {
	position: absolute;
	margin: -6rem 0 0 0;
	height: 45.6rem;
	width: 100%;
	z-index: -1;
	background: url("../images/privacypolicy_ph.png") no-repeat center center;
	background-size: cover;
}

#privacypolicy {
	margin-top: -8rm;
}

.privacypolicy-content {
	margin: 0;
	padding: 5rem 10rem;
	background: #fff;
	clear: both;
	overflow: hidden;
}

.privacypolicy-content-harf {
	width: 55rem;
	margin-top: 4rem;
}

.privacypolicy-content .boxcol2 {
	float: left;
	width: 40rem;
	padding: 0 5rem 0 0;
}

.privacypolicy-content .boxcol2:last-child {
	padding: 0 0 0 5rem;
}

.privacypolicy-content .boxcol4 {
	float: left;
	text-align: center;
	margin-right: 1rem;
	width: 19rem;
	margin-top: 4rem;
}

.privacypolicy-content .boxcol4:last-child {
	margin-right: 0;
}

.privacypolicy-content .ttl {
	margin: 0 0 1.5em;
	font-size: 2.6rem;
	font-weight: normal;
}

.privacypolicy-content .ttl small {
	font-size: 1.8rem;
}

.privacypolicy-content .ttl2 {
	margin: 0.8em 0;
	font-size: 1.8rem;
	font-weight: bold;
	color: #0075a9;
}

.privacypolicy-content .ttlsub {
	font-weight: bold;
}

.privacypolicy-content .case-outline {
	margin: 1.5em 0;
	list-style: none;
	font-size: 1.2rem;
	color: #a6a6a6;
}

.privacypolicy-content .case-outline li {
	margin: 0.3em 0;
}

.privacypolicy-content .more {
	margin: 2em 0 0;
	text-align: center;
}

.privacypolicy-content .img-float-right {
	float: right;
	padding-left: 2rem;
}

.privacypolicy-content p.text {
	margin: 1em 0;
}

.privacypolicy-content em {
	color: #0075a9;
}

.privacypolicy-content ul {
	list-style-type: decimal;
	margin: auto 2rem;
}

.privacypolicy-content .privacypolicy-content-image-list {
	width: 19rem;
}

.privacypolicy-content .privacypolicy-content-image-list li {
	list-style: none;
	display: inline-block;
	padding-right: 1rem;
}

.privacypolicy-content .privacypolicy-content-image-list li:nth-child(2n) {
	padding-right: 0;
}

.privacypolicy-content .privacypolicy-content-image-list li p.privacypolicy-content-image-text {
	margin-bottom: 1.2rem;
}

.privacypolicy-content .contactBtn {
	margin: 5rem 0 1rem;
}

.privacypolicy-content table {
	width: 100%;
}

.privacypolicy-content table.table1 .col1 {
	width: 25%;
}

.privacypolicy-content table.table1 .col2 {
	width: 75%;
}

.privacypolicy-content table.table2 .col1 {
	width: 25%;
}

.privacypolicy-content table.table2 .col2 {
	width: 38%;
}

.privacypolicy-content table.table2 .col3 {
	width: 37%;
}

.privacypolicy-content table.table3 .col1 {
	width: 25%;
}

.privacypolicy-content table.table3 .col2 {
	width: 21%;
}

.privacypolicy-content table.table3 .col3, 
.privacypolicy-content table.table3 .col4, 
.privacypolicy-content table.table3 .col5 {
	width: 18%;
}

.privacypolicy-content table th, 
.privacypolicy-content table td {
	border: solid 1px #dcdcdc;
	padding: 1em;
}

.privacypolicy-content table th {
	background: #333;
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
}

.privacypolicy-content table td {
	background: #fff;
	color: #464646;
	font-size: 1.3rem;
	font-weight: normal;
	text-align: left;
}

.privacypolicy-content table tr:nth-child(2n) td {
	background: #f2f2f2;
}

.privacypolicy-content .note {
	margin: 1em 0;
	padding: 0;
	list-style: none;
	font-size: 1.2rem;
	color: #464646;
}

.privacypolicy-content .note li {
	margin: 0.5em 0;
}

.privacypolicy-content .note li:before {
	content: "※";
}

.privacypolicy-content .caption {
	margin: 1em 0 0.5em;
}

@media (max-width: 736px) {
	.privacypolicy-content {
		margin: 0;
		padding: 2rem;
	}

	.privacypolicy-content-harf {
		width: auto;
		margin-top: 0;
	}

	.privacypolicy-content .boxcol2 {
		float: none;
		width: auto;
		padding: 0;
	}

	.privacypolicy-content .boxcol2:last-child {
		padding: 0;
	}

	.privacypolicy-content .boxcol4 {
		float: none;
		width: auto;
		margin: 2rem 0 0;
	}

	.privacypolicy-content .ttl {
		margin: 0 0 1em;
		font-size: 2.2rem;
	}

	.privacypolicy-content .ttl small {
		font-size: 1.5rem;
	}

	.privacypolicy-content .ttl2 {
		margin: 0.8em 0;
		font-size: 1.6rem;
	}

	.privacypolicy-content .img img {
		width: 100%;
		height: auto;
	}
	
	.privacypolicy-content .ttlsub {
		margin-top: 2em;
	}

	.privacypolicy-content .case-outline {
		margin: 1.2em 0;
	}

	.privacypolicy-content .case-outline li {
		margin: 0.3em 0;
	}

	.privacypolicy-content .img-float-right {
		float: none;
		padding-left: 0;
	}

	.privacypolicy-content .img-float-right img {
		width: 100%;
		height: auto;
	}

	.privacypolicy-content .privacypolicy-content-image-list {
		width: auto;
		clear: both;
		overflow: hidden;
	}

	.privacypolicy-content .privacypolicy-content-image-list li {
		display: block;
		float: left;
		width: 25%;
		padding: 0;
	}

	.privacypolicy-content .privacypolicy-content-image-list li img {
		width: 80%;
		height: auto;
	}

	.privacypolicy-content .privacypolicy-content-image-list li p.privacypolicy-content-image-text {
		margin: 0.5em 0 0;
	}

	.privacypolicy-content .contactBtn {
		margin: 3rem 0 1rem;
	}

	.privacypolicy-content table th, 
	.privacypolicy-content table td {
		padding: 0.5em;
	}

	.privacypolicy-content table th {
		font-size: 1.1rem;
	}

	.privacypolicy-content table td {
		font-size: 1.1rem;
	}

	.privacypolicy-content .note {
		font-size: 1.1rem;
	}

	.privacypolicy-content .note li {
		margin: 0;
	}
}


/**
 * .access
**/

.access-top-content {
	margin: 8rem 0 0 0;
	padding: 5rem 10rem 0 10rem;
	background: #fff;
	clear: both;
	overflow: hidden;
}

.access-top-content .ttl {
	margin: 0 0 1.5em;
	font-size: 2.6rem;
	font-weight: normal;
}

.access-bottom-content {
	margin: 0 0 8rem 0;
	padding: 5rem 10rem;
	background: #fff;
	clear: both;
	overflow: hidden;
}

.access-bottom-content .ttl2 {
	margin: 0.8em 0;
	font-size: 1.8rem;
	font-weight: bold;
	color: #0075a9;
}

.access-bottom-content p.text {
	margin: 1em 0;
}

#access .map {
	width: 100%;
	height: 37.5rem;
	border: 0;
}

@media (max-width: 736px) {
	.access-top-content {
		margin: 8rem 0 0 0;
		padding: 2rem 2rem 0 2rem ;
		background: #fff;
	}

	.access-bottom-content {
		margin: 0 0 8rem 0;
		padding: 0 2rem 2rem 2rem ;
		background: #fff;
	}

	.access-top-content .ttl {
		margin: 0 0 1em;
		font-size: 2.2rem;
	}

	.access-bottom-content .ttl2 {
		margin: 0.8em 0;
		font-size: 1.6rem;
		color: #0075a9;
	}

	.access-bottom-content p.text {
		margin: 1em 0;
	}

	#access .map {
		width: 100%;
		height: 37.5rem;
		border: 0;
	}
}

/**
 * .inquiry-area
**/

.sepImg-inquiry {
	position: absolute;
	margin: -6rem 0 0 0;
	height: 45.6rem;
	width: 100%;
	z-index: -1;
	background: url("../images/inquiry_ph.png") no-repeat center center;
	background-size: cover;
}

#inquiry {
	margin-top: -8rem;
}

.inquiry-content {
    margin: 8rem 0;
    padding: 7rem 10rem;
    background-color: #fff;
}

.inquiry-area {
	margin: 0;
	padding: 5rem;
	border: solid 3px #333;
	font-size: 1.4rem;
    background-color: #f4f4f4;
}

.inquiry-content p.text {
	margin: 0 2rem 7rem;
}

.inquiry-area input[type="text"] {
	padding: 0.8rem;
	display: inline-block;
	width: 30rem;
	border-radius: 0.4rem;
    border: 1px solid #d1d1d1;
}

.inquiry-area .input-area .maxWidth {
	width: 47rem;
}

.inquiry-area textarea {
	padding: 0.8rem;
	display: inline-block;
	width: 47rem;
	height: 30rem;
	border-radius: 0.4rem;
    border: 1px solid #d1d1d1;
}

.inquiry-area select {
	padding: 0.8rem;
	display: inline-block;
	width: 30rem;
	border-radius: 0.4rem;
    border: 1px solid #d1d1d1;
}


.inquiry-area .label-field {
	display: inline-block;
	width: 22rem;
}

.inquiry-area label.error {
	display: inline-block;
	margin-left: 22rem;
	color: #c00;
}

.inquiry-area .input-area:last-child .label-field {
	float: left;
}

.inquiry-content .require {
	color: #eb6100;
}

.inquiry-area .require-article::after{
	content: "*";
	color: #eb6100;
}

.inquiry-area .input-area {
	padding-bottom: 2.4rem;
}

.inquiry-area .inquiry-any-area{
	margin-top: 1.6rem;
	padding-top: 4rem;
	border-top: solid 1px #333;
}

.inquiry-area #btn-send {
	margin: 2rem auto;
	border-radius: 4rem;
	font-weight: bold;
	width: 34.8rem;
	line-height: 7rem;
	font-size: 1.4rem;
	font-style: normal;
	text-decoration: none;
	color: #333;
	position: relative;
	padding-left: 2rem;
	display: block;
}

.btn-send-non-actived {
    background-color: #ccc;
}

.btn-send-actived {
    background-color: #fff45c;
	cursor: pointer;
}

.btn-send-actived:hover {
	background-color: #fffc19;
}

.btn-send-actived:active {
	background-color: #d4db6a;
}

.inquiry-area .btn-send::after {
	content: ">";
	color: #333;
	font-size: 2rem;
	position: absolute;
	right: 2.2rem;
	transform: scale(0.8, 1.6);
}

.inquiry-contents-area2 {
	border-top: solid 1px #333;
	padding-top: 4rem;
}

@media (max-width: 736px) {
	#inquiry {
		margin-top: 0;
	}
    .inquiry-content {
        margin: 0;
        padding: 2rem 0;
        background-color: #fff;
    }
    
	.inquiry-area {
		margin: 2rem;
		padding: 1rem;
	}

	.inquiry-content p.text {
		margin: 0 2rem 4rem;
	}

	.inquiry-area input[type="text"] {
		padding: 0.8rem;
		display: inline-block;
		width: 100%;
		border-radius: 0.4rem;
	}
	
	.inquiry-area select {
		padding: 0.8rem;
		display: inline-block;
		width: 100%;
		border-radius: 0.4rem;
	}
	
	.inquiry-area textarea {
		width: 100%;
	}
	
	.inquiry-area .input-area .maxWidth {
		width: 100%;
	}

	.inquiry-area .label-field {
		display: inline-block;
		width: 100%;
	}
	
	.inquiry-area label.error {
		display: inline-block;
		margin-left: 0;
		color: #c00;
	}

	.inquiry-area .require {
		color: #eb6100;
	}

	.inquiry-area .require-article::after{
		content: "*";
		color: #eb6100;
	}

	.inquiry-area .input-area {
		padding-bottom: 2.4rem;
	}

	.inquiry-area .inquiry-any-area{
		margin-top: 1.6rem;
		padding-top: 4rem;
		border-top: solid 1px #333;
	}
    
    .inquiry-area #btn-send {
		background-color: #fff45c;
		margin: 2rem auto;
		border-radius: 4rem;
		font-weight: bold;
		width: 100%;
		line-height: 7rem;
		font-size: 1.4rem;
		font-style: normal;
		text-decoration: none;
		color: #333;
		position: relative;
		padding-left: 2rem;
		display: block;
    }

    .btn-send-actived {
        background-color: #fff45c;
        cursor: pointer;
    }

    .btn-send-actived:hover {
        background-color: #fffc19;
    }

    .btn-send-actived:active {
        background-color: #d4db6a;
    }

	.inquiry-area .btn-send::after {
		content: ">";
		color: #333;
		font-size: 2rem;
		position: absolute;
		right: 2.2rem;
		transform: scale(0.8, 1.6);
	}
}

/**
 * .products-spec
**/

#spec {
	margin-top: -8rem;
}

.products-spec {
	margin: 8rem 0;
	background-color: #fff;
	padding: 5rem 10rem;
	position: relative;
}

.products-spec .ttl {
	margin: 1.5em 0;
	font-size: 2.6rem;
	font-weight: normal;
}

.products-spec .ttl2 {
	margin: 1.5em 0 1em;
	font-size: 1.8rem;
	font-weight: bold;
	color: #0075a9;
}

.products-spec .products-spec-right {
	position: absolute;
	right: 10rem;
	top: 28.1rem;
}

.products-spec .products-spec-right p {
	font-size: 1.25rem;
	color: #464646;
	margin-top: 3rem;
	text-align: center;
}

.products-spec .products-spec-right-msx {
	top: 21rem;
}

.products-spec .products-spec-right-mnc {
	right: 6rem;
}

.products-spec #mnsimg {
    top: 38.8rem;
}

.products-spec #mnuimg {
    top: 36.6rem;
}

.products-spec #mswimg {
    top: 34.5rem;
}

.products-spec #msuimg {
    top: 32.5rem;
}

.products-spec #msimg {
    top: 30.4rem;
}

.products-spec #msximg {
    top: 30.4rem;
}

.products-spec #mncimg {
    top: 32.1rem;
}

.products-spec #mso-004img {
    top: 38.7rem;
}

.products-spec table {
	width: 47rem;
}

.products-spec table.table1 .col1 {
	width: 28%;
}

.products-spec table.table1 .col2 {
	width: 72%;
}

.products-spec table.table2 .col1 {
	width: 25%;
}

.products-spec table.table2 .col2 {
	width: 38%;
}

.products-spec table.table2 .col3 {
	width: 37%;
}

.products-spec table.table3 .col1 {
	width: 22%;
}

.products-spec table.table3 .col2 {
	width: 24%;
}

.products-spec table.table3 td {
	text-align: center;
}

.products-spec table.table3 .col3, 
.products-spec table.table3 .col4, 
.products-spec table.table3 .col5 {
	width: 18%;
}

.products-spec .outline-drawing-box {
	width: 47rem;
	text-align: right;
}

.products-spec .outline-drawing-box p {
	font-size: 1rem;
	margin-top: 1rem;
}

.products-spec table th, 
.products-spec table td {
	border: solid 1px #dcdcdc;
	padding: 1em;
}

.products-spec table th {
	background: #333;
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
}

.products-spec table td {
	background: #fff;
	color: #464646;
	font-size: 1.3rem;
	font-weight: normal;
	text-align: left;
}

.products-spec table tr:nth-child(2n) td {
	background: #f2f2f2;
}

.products-spec table sup {
	margin-left: 0.4rem;
}

.products-spec .note {
	margin: 1em 0;
	padding: 0;
	list-style: none;
	font-size: 1.2rem;
	color: #464646;
}

.products-spec .note li {
	margin: 0.5em 0;
}

.products-spec .note li:before {
	content: "※";
}

.products-spec .caption {
	margin: 1em 0 0.5em;
}

@media (max-width: 736px) {
	#spec {
		margin-top: 0;
	}

	.products-spec {
		margin: 2rem;
		padding: 1rem;
	}

	.products-spec .ttl {
		margin: 0;
		font-size: 2rem;
	}

	.products-spec .ttl2 {
		margin: 1em 0 0.5em;
		font-size: 1.6rem;
	}

	.products-spec .img img {
		width: 100%;
		height: auto;
	}
	
	.products-spec table {
		width: 100%;
	}

	.products-spec table th, 
	.products-spec table td {
		padding: 0.5em;
	}

	.products-spec table th {
		font-size: 1.1rem;
	}

	.products-spec table td {
		font-size: 1.1rem;
	}

	.products-spec .note {
		font-size: 1.1rem;
	}

	.products-spec .note li {
		margin: 0;
	}
	
	.products-spec .products-spec-right {
		position: relative;
		right: 0;
		top: 0;
		margin-top: 4rem;
	}
	
	.products-spec .products-spec-right img {
		width: 100%;
		height: auto;
	}

	.products-spec .products-spec-right p {
		font-size: 1.25rem;
		color: #464646;
		margin-top: 3rem;
		text-align: center;
	}
	
	.products-spec .products-spec-right-msx {
		top: 0;
		margin: 4rem auto;
	}
	
	.products-spec .products-spec-right-mnc {
		right: 0;
		margin: 4rem auto;
	}
	
	.products-spec .outline-drawing-box {
		width: 100%;
		text-align: left;
	}
	
	.products-spec .outline-drawing-box img {
		width: 100%;
		height: auto;
	}
	
	.products-spec .outline-drawing-box p {
		font-size: 1rem;
		margin-top: 1rem;
		text-align: right;
	}
	
	.products-spec #mnsimg {
		top: 0rem;
	}

	.products-spec #mnuimg {
		top: 0rem;
	}

	.products-spec #mswimg {
		top: 0rem;
	}

	.products-spec #msuimg {
		top: 0rem;
	}

	.products-spec #msimg {
		top: 0rem;
	}

	.products-spec #msximg {
		top: 0rem;
	}

	.products-spec #mso-004img {
		top: 0rem;
	}
}



/**
 * .products-spec
**/

.sepImg {
	position: absolute;
	margin: -23rem 0 0 0;
	height: 38rem;
	width: 100%;
	z-index: -1;
}

.sepImg-index {
	position: absolute;
	margin: -6rem 0 0 0;
	height: 45.6rem;
	width: 100%;
	z-index: -1;
	background: url("../images/index_ph.png") no-repeat center center;
	background-size: cover;
}

.sepImg-index-new-products {
	width: 100rem;
	margin: auto;
	background-color: #fff;
	padding: 5.4rem;
	margin-top: -10rem;
}

.sepImg-01 {
	background: url("../images/bg_ph1.png") no-repeat center center;
	background-size: cover;
}

.sepImg-02 {
	background: url("../images/bg_ph2.png") no-repeat center center;
	background-size: cover;
}

.sepImg-03 {
	background: url("../images/bg_ph3.png") no-repeat center center;
	background-size: cover;
}

/**
 * .contact2
**/

#contact2 {
	margin-bottom: 8rem;
}

/**
 * .contact-area
**/

.contact-area {
	background: #fff;
}

.contact-area-wrap {
	margin: 8rem 0;
	padding: 5rem 10rem;
	background: #fff;
	clear: both;
	overflow: hidden;
}

.contact-area .ttl {
	margin: 0 0 1em;
	font-size: 2.4rem;
	font-weight: normal;
}

.contact-area .text {
	margin: 0 0 2.5em;
	font-size: 1.6rem;
}

.contact-area .boxcol2 {
	float: left;
	width: 40rem;
	padding: 0 5rem 0 0;
}

.contact-area .boxcol2:last-child {
	padding: 0 0 0 5rem;
}

.contact-area-btn-icon-area img {
	width: 7.5rem;
	height: 7rem;
}

.contact-area a:link,
.contact-area a:active,
.contact-area a:hover,
.contact-area a:visited {
	text-decoration: none;
}

.contact-area .contact-area-btn-caption {
	background-color: #fff45c;
	height: 7rem;
	line-height: 7rem;
	font-size: 1.4rem;
	font-style: normal;
	text-decoration: none;
	color: #333;
	position: relative;
	padding-left: 2rem;
	display: block;
}

.contact-area .contact-area-btn-caption:hover {
	background-color: #fffc19;
}

.contact-area .contact-area-btn-caption:active {
	background-color: #d4db6a;
}

.contact-area .contact-area-btn-caption-2line {
	font-size: 1.4rem;
	font-style: normal;
	text-decoration: none;
	color: #333;
	position: relative;
	vertical-align: bottom;
	display: table-cell;
	height: 7rem;
}

.contact-area .contact-area-btn-caption-3line {
	font-size: 1.4rem;
	font-style: normal;
	text-decoration: none;
	color: #333;
	position: relative;
	padding-left: 2rem;
	display: block;
}

.contact-area .contact-area-btn-caption-3line > span {
	display: block;
}

.contact-area .contact-area-btn-caption::after {
	content: ">";
	font-size: 2rem;
	position: absolute;
	right: 2.2rem;
	transform: scale(0.8, 1.6);
}

.contact-area-btn-icon-area {
	background-color: #333; 
	width: 7.5rem; 
	height: 7rem;
	float: left;
}

.contact-area-btn-caption-area {
	width: 27.5rem; 
	height: 7rem;
	float: left;
}

.contact-area .contact-area-inBox {
	width: 35rem;
	height: 10rem;
}

.f14 {
	line-height: 1;
	font-size: 1.2rem;
}

.f33 {
	margin: 0.2em 0;
	line-height: 1;
	font-size: 3rem;
	font-weight: bold;
}

.f13 {
	line-height: 1;
	font-size: 1.3rem;
}

@media (max-width: 736px) {
	.contact-area-wrap {
		margin: 2rem 0;
		padding: 2rem;
	}

	.contact-area .ttl {
		margin: 0 0 1em;
		font-size: 2.4rem;
		font-weight: normal;
	}

	.contact-area .text {
		margin: 0 0 2em;
		font-size: 1.5rem;
	}

	.contact-area .boxcol2 {
		float: none;
		width: auto;
		padding: 0;
	}

	.contact-area .boxcol2:last-child {
		padding: 0;
	}

	.contact-area-btn-icon-area img {
		width: 100%;
		height: auto;
	}

	.contact-area .contact-area-btn-caption {
		font-size: 1.4rem;
		padding-left: 1rem;
		padding-right: 4rem;
		line-height: normal;
		vertical-align: middle;
		display: table-cell;
		position: relative;
	}
	
	.contact-area .contact-area-btn-caption::after {
		content: ">";
		font-size: 2rem;
		transform: scale(0.8, 1.6);
		position: absolute;
		top: 2rem;
	}

	.contact-area .contact-area-btn-caption-2line {
		font-size: 1.4rem;
		font-style: normal;
		text-decoration: none;
		color: #333;
		position: relative;
		vertical-align: bottom;
		display: table-cell;
		height: 7rem;
	}

	.contact-area .contact-area-btn-caption-3line {
		font-size: 1.4rem;
		font-style: normal;
		text-decoration: none;
		color: #333;
		position: relative;
		padding-left: 1rem;
		display: block;
	}

	.contact-area .contact-area-inBox {
		display: block;
		width: 100%;
		height: 10rem;
	}

	.contact-area-btn-icon-area {
		width: 25%;
		height: 7rem;
		float: left;
	}

	.contact-area-btn-caption-area {
		width: 75%; 
		height: 7rem;
		float: left;
		display: table;
	}

	.f14 {
		font-size: 1.1rem;
	}

	.f33 {
		margin: 0.2em 0;
		font-size: 2.5rem;
	}

	.f13 {
		font-size: 1.2rem;
	}
}

/**
 * .catalog-area
**/

.catalog-area {
}

.catalog-area-wrap {
	margin: 8rem 0;
	padding: 5rem 10rem;
	clear: both;
	overflow: hidden;
}

.catalog-area .ttl {
	margin: 0 0 1em;
	font-size: 2.4rem;
	font-weight: normal;
}

.catalog-area .text {
	margin: 0 0 2.5em;
	font-size: 1.6rem;
	text-align: center;
}

.catalog-area .boxcol2 {
	float: left;
	width: 40rem;
	padding: 0 5rem 0 0;
}

.catalog-area .boxcol2:last-child {
	padding: 0 0 0 5rem;
}

.catalog-area-btn-icon-area img {
	width: 7.5rem;
	height: 7rem;
}

.catalog-area a:link,
.catalog-area a:active,
.catalog-area a:hover,
.catalog-area a:visited {
	text-decoration: none;
}

.catalog-area .catalog-area-btn-caption {
	background-color: #fff45c;
	height: 7rem;
	line-height: 7rem;
	font-size: 1.4rem;
	font-style: normal;
	text-decoration: none;
	color: #333;
	position: relative;
	padding-left: 2rem;
	display: block;
}

.catalog-area .catalog-area-btn-caption:hover {
	background-color: #fffc19;
}

.catalog-area .catalog-area-btn-caption:active {
	background-color: #d4db6a;
}

.catalog-area .catalog-area-btn-caption-2line {
	font-size: 1.4rem;
	font-style: normal;
	text-decoration: none;
	color: #333;
	position: relative;
	vertical-align: bottom;
	display: table-cell;
	height: 7rem;
}

.catalog-area .catalog-area-btn-caption-3line {
	font-size: 1.4rem;
	font-style: normal;
	text-decoration: none;
	color: #333;
	position: relative;
	padding-left: 2rem;
	display: block;
}

.catalog-area .catalog-area-btn-caption-3line > span {
	display: block;
}

.catalog-area .catalog-area-btn-caption::after {
	content: ">";
	font-size: 2rem;
	position: absolute;
	right: 2.2rem;
	transform: scale(0.8, 1.6);
}

.catalog-area-btn-icon-area {
	background-color: #333; 
	width: 7.5rem; 
	height: 7rem;
	float: left;
}

.catalog-area-btn-caption-area {
	width: 27.5rem; 
	height: 7rem;
	float: left;
}

.catalog-area .catalog-area-inBox {
	width: 35rem;
	height: 10rem;
	margin: 0 auto;
	display: block;
}

.f14 {
	line-height: 1;
	font-size: 1.2rem;
}

.f33 {
	margin: 0.2em 0;
	line-height: 1;
	font-size: 3rem;
	font-weight: bold;
}

.f13 {
	line-height: 1;
	font-size: 1.3rem;
}

@media (max-width: 736px) {
	.catalog-area-wrap {
		margin: 2rem 0;
		padding: 2rem;
	}

	.catalog-area .ttl {
		margin: 0 0 1em;
		font-size: 2.4rem;
		font-weight: normal;
	}

	.catalog-area .text {
		margin: 0 0 2em;
		font-size: 1.5rem;
	}

	.catalog-area .boxcol2 {
		float: none;
		width: auto;
		padding: 0;
	}

	.catalog-area .boxcol2:last-child {
		padding: 0;
	}

	.catalog-area-btn-icon-area img {
		width: 100%;
		height: auto;
	}

	.catalog-area .catalog-area-btn-caption {
		font-size: 1.4rem;
		padding-left: 1rem;
		padding-right: 4rem;
		line-height: normal;
		vertical-align: middle;
		display: table-cell;
		position: relative;
	}
	
	.catalog-area .catalog-area-btn-caption::after {
		content: ">";
		font-size: 2rem;
		transform: scale(0.8, 1.6);
		position: absolute;
		top: 2rem;
	}

	.catalog-area .catalog-area-btn-caption-2line {
		font-size: 1.4rem;
		font-style: normal;
		text-decoration: none;
		color: #333;
		position: relative;
		vertical-align: bottom;
		display: table-cell;
		height: 7rem;
	}

	.catalog-area .catalog-area-btn-caption-3line {
		font-size: 1.4rem;
		font-style: normal;
		text-decoration: none;
		color: #333;
		position: relative;
		padding-left: 1rem;
		display: block;
	}

	.catalog-area .catalog-area-inBox {
		display: block;
		width: 100%;
		height: 10rem;
	}

	.catalog-area-btn-icon-area {
		width: 25%;
		height: 7rem;
		float: left;
	}

	.catalog-area-btn-caption-area {
		width: 75%; 
		height: 7rem;
		float: left;
		display: table;
	}

	.f14 {
		font-size: 1.1rem;
	}

	.f33 {
		margin: 0.2em 0;
		font-size: 2.5rem;
	}

	.f13 {
		font-size: 1.2rem;
	}
}

/**
 * .support-area-wrap
**/
.support-area {
	background: #fff;
}

.support-area-wrap {
	margin: 8rem 0 ;
	padding: 5rem 10rem ;
	background: #fff;
	clear: both;
	overflow: hidden;
}

.support-area .boxcol-outer {
	margin-top: 2rem;
}

.support-area .boxcol2 {
	float: left;
	width: 40rem;
	padding: 0 5rem 0 0;
}

.support-area .boxcol2:last-child {
	padding: 0 0 0 5rem;
}

.support-area .text {
	margin: 0 0 2.5em;
	font-size: 1.6rem;
}

@media (max-width: 736px) {
	.support-area {
		background: #fff;
		margin-bottom: 0;
	}
	
	.support-area-wrap {
		margin: 2rem 0;
		padding: 2rem;
	}

	.support-area .text {
		margin: 0 0 2em;
		font-size: 1.5rem;
	}

	.support-area .boxcol2 {
		float: none;
		width: auto;
		padding: 0;
	}

	.support-area .boxcol2:last-child {
		padding: 0;
	}
}

/**
 * .others-area-wrap
**/

.product-other-wrap {
	margin: 8rem 0;
}

.product-other-wrap .ttl {
	margin: 0 0 1em;
	padding: 0 10rem;
	font-size: 2.4rem;
	font-weight: normal;
}

.product-other {
	list-style: none;
}

.product-other ul {
	height: 100%;
}

.product-other a {
	display: block;
	margin: 0 0 0 1px;
	padding: 3rem 0 3rem 3.2rem;
	background: #fff;
	text-decoration: none;
	color: #333;
}

.product-other li:first-child a {
	margin-left: 0;
}

.product-other a:hover {
	background: #ccc;
}

.product-other .img {
	margin: 0 3.2rem 1.5rem 0;
}

.product-other .img img {
	width: 100%;
	height: auto;
}

.product-other h3 {
	font-size: 1.8rem;
}

.product-other h3 span {
	font-size: 1.3rem;
	font-weight: normal;
}

.product-other p {
	font-size: 1.4rem;
}

/**
 * .index-area-wrap
**/

#index > .wrap > .ttl {
	margin: 5.4rem 0 2.8rem 0;
	font-size: 1.8rem;
	text-align: center;
	color: #959494;
	font-weight: normal;
}

#index > .wrap > .ttl::after {
	content: ">";
	font-weight: normal;
	display: block;
	transform: rotate(90deg) scale(1, 2);
}

#index > .wrap > .products-content:first-of-type {
	margin: 0;
}

#index .contactBtn .btn-contact {
	margin: auto;
}

.index-wrap-columns {
	position: relative;
	height: 8rem;
	padding: 1.5rem;
}

.index-wrap-columns:nth-last-of-type(2) {
	background-color: #f2f2f2;
}

.index-wrap-columns p {
	top: 25%;
	position: absolute;
	left: 40%;
}

.index-wrap-columns .btn-detail-small { 
	top: -4.5rem;
}


@media (max-width: 736px) {
	
	.product-other-wrap .ttl {
		margin: 0 0 1em;
		padding: 0 9rem;
		font-size: 2.4rem;
		font-weight: normal;
	}
	
	.index-wrap-columns {
		position: relative;
		height: 18rem;
		padding: 1.5rem;
	}
	.index-wrap-columns p {
		top: 0;
		position: relative;
		left: 0;
	}
	.index-wrap-columns .btn-detail-small { 
		top: 0;
	}
}
/**
 * .lineup-area-wrap
**/

.lineup-wrap {
	margin: 8rem 0;
}

.lineup-wrap .ttl {
	margin: 5.4rem 0 2.8rem 0;
	font-size: 1.8rem;
	text-align: center;
	color: #959494;
	font-weight: normal;
}

.lineup-wrap .ttl::after {
	content: ">";
	font-weight: normal;
	display: block;
	transform: rotate(90deg) scale(1, 2);
}

.lineup {
	list-style: none;
	position: relative;
		height: 100%;
}

.lineup a {
	display: block;
	padding: 3rem 0 3rem 5rem;
	background: #fff;
	text-decoration: none;
	color: #333;
	margin-right: 0.1rem;
	margin-bottom: 0.1rem;
}

.lineup a:nth-child(3n) {
	margin-right: 0;
}

.lineup li img {
	margin: 0 auto;
}


.lineup li:first-child a {
	margin-left: 0;
}

.lineup a:hover {
	background: #ccc;
}

.lineup a:link,
.lineup a:active,
.lineup a:hover,
.lineup a:visited {
	background-image:url(../images/1px_line.png) ;
	background-repeat: no-repeat;
	background-position: left 40%;
}

.lineup .img {
	margin: 0 3.2rem 1.5rem 0;
}

.lineup h3 {
	font-size: 1.8rem;
}

.lineup h3 span {
	font-size: 1.3rem;
	font-weight: normal;
}

.lineup p {
	font-size: 1.4rem;
}

@media (max-width: 736px) {
	.lineup .img img {
		width: 100%;
		height: auto;
	}
	
	.lineup-wrap {
		margin-top: 4rem;
	}
	
	.lineup-wrap .ttl {
		margin: 0;
		font-size: 2rem;
	}

	.lineup .ttl2 {
		margin: 1em 0 0.5em;
		font-size: 1.6rem;
	}
	
	.lineup a {
		display: block;
		padding: 3rem 0 3rem 5rem;
		background: #fff;
		text-decoration: none;
		color: #333;
		margin-right: 0;
		margin-bottom: 0.1rem;
	}
	
	.lineup a:link,
	.lineup a:active,
	.lineup a:hover,
	.lineup a:visited {
		background-image:url(../images/1px_line.png) ;
		background-repeat: no-repeat;
		background-position: left 42%;
	}
}

#mod-pageTop {
	width: 6rem;
	height: 6rem;
	background-image: url(../images/move_top.png);
}

#mod-pageTop a {
	width: 6rem;
	height: 6rem;
}

#mod-pageTop:active,
#mod-pageTop:hover {
	background-image: url(../images/move_top_on.png);
}

#mod-pageTop.remove {
	display: none;
}

#mod-pageTop.move {
	display: block;
	position: fixed; 
	bottom: 0; 
	left: calc(50% + 43rem);display: block;
}

.footer1 #mod-pageTop.pageend {
	display: block;
	position: absolute; 
	bottom: 5.85rem; 
	left: calc(50% + 43rem);display: block;
}

.footer2 #mod-pageTop.pageend {
	display: block;
	position: absolute; 
	bottom: 7.85rem; 
	left: calc(50% + 43rem);display: block;
}

@media (max-width: 736px) {
	#mod-pageTop,
	#mod-pageTop.remove,
	#mod-pageTop.move,
	.footer1 #mod-pageTop.pageend,
	.footer2 #mod-pageTop.pageend
	{
		display: none;
	}
}