/* @group 製品情報 */

#product #menu {
	border-bottom: 3px solid #d70019;
	font-size: 15px;
	line-height: 1.3;
	margin: -70px -20px 0;
	padding-top: 70px;
}

#product a:link,
#product a:visited {
    text-decoration: none;
}

#product dl {
	margin: 30px -20px 0;
}

#product dt {
	background-color: #f5f5f0;
	color: #d70019;
	height: 35px;
	line-height: 35px;
	font-size: 20px;
	padding: 10px 20px;
	position: relative;
    border-top: 1px solid #c8c8c8;
}

#product dt .arrow {
    border-right: 2px solid #d70019;
    border-top: 2px solid #d70019;
    height: 12px;
	top: 17px;
    right: 20px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);  
    transform: rotate(135deg);
    width: 12px;
	position: absolute;
}
#product dt.nowOpen .arrow {
    border-right: 2px solid #d70019;
    border-top: 2px solid #d70019;
	top: 22px;
    height: 12px;
    right: 20px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);  
    transform: rotate(315deg);
    width: 12px;
}

#product dt a {
    color: #d70019;
}

#product dd {
	padding: 20px 20px 30px;
}

#product dd .fr {
	float: none;
	text-align: center;
}

#product dd p {
}

#product dd ul {
	margin-top: 20px;
}

#product dd .maru {
	color: #eb808c;
}

#product dd .detailBtn {
	margin-top: 20px;
}

#product dd .subTit {
	margin-bottom: 10px;
	border-bottom: 2px solid #dcdcdc;
	padding-bottom: 3px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}

#product dd .pdfLink li {
	margin-bottom: 10px;
}

#product dd .pdfLink li a {
	text-decoration: underline;
}

#product dd .pdfLink li a:hover {
	text-decoration: none;
}

#product dd .pdfLink li .pdf {
	margin-right: 0.5em;
}

#product .name {
	font-size: 28px;
    border-bottom: 2px solid #c8c8c8;
	margin-top: 40px;
}

#product .photo {
	float: left;
	margin: 30px 20px 0 0;
	width: 50%;
}

#product .useBox {
	float: left;
	width: 40%;
	margin-top: 30px;
	margin-bottom: 20px;
}

#product .use {
	color: #fff;
	background-color: #d70019;
	padding: 5px 15px;
	display: inline-block;
	margin-bottom: 10px;
}

#product table {
	width: 100%;
	font-size: 12px;
}

#product table th {
    border: 1px solid #c8c8c8;
	padding: 5px;
	background-color: #e6e6e1;
	text-align: center;
}

#product table th.catalog {
	width: 45px;
}

#product table td {
    border: 1px solid #c8c8c8;
	padding: 5px;
}

#product table td.series {
	font-weight: bold;
	color: #d70019;
}

#product .cap {
	font-size: 12px;
	margin-top: 20px;
}

#product #tp {
	margin-top: -50px;
	padding-top: 80px;
}

/* @end */

/* @group 会社概要 */

#company table {
	width: 100%;
	font-size: 13px;
    border-top: 2px solid #c8c8c8;
    border-bottom: 2px solid #c8c8c8;
}

#company table th {
    border-bottom: 1px solid #c8c8c8;
	padding: 10px;
	background-color: #f5f5f5;
}

#company table th.w140 {
	width: 5em;
}

#company table td {
    border-bottom: 1px solid #c8c8c8;
	padding: 10px;
}

#company .ggmap  {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top: 10px;
}

#company .ggmap2  {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}
 
#company .ggmap iframe,
#company .ggmap object,
#company .ggmap embed,
#company .ggmap2 iframe,
#company .ggmap2 object,
#company .ggmap2 embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#company h2.year {
	font-size: 20px;
	line-height: 1.0;
	margin-bottom: 10px;
}

#company h2.year span {
	font-size: 12px;
}

#company table.history {
	margin-bottom: 10px;
}

#company table.history th {
	width: 4em;
	font-weight: bold;
	vertical-align: top;
	padding: 10px 0 10px 10px;
}

#company table td.month {
    border-bottom: 1px solid #c8c8c8;
	background-color: #f5f5f5;
	padding: 10px 10px 10px 0;
	width: 3em;
	text-align: right;
	vertical-align: top;
}

#company table tr.noborder td {
    border-bottom: none;
	padding-bottom: 0;
}

#company .accessBox {
	padding-bottom: 25px;
}

#company .accessBox2 {
	border-top: 3px solid #dcdcdc;
	margin-top: 10px;
	padding-top: 35px;
	padding-bottom: 25px;
}

#company .name {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	background-color: #f5f5f0;
	padding: 10px;
	line-height: 100%;
}

#company .iso {
	font-size: 12px;
	color: #d60018;
}

#company .note {
	font-size: 12px;
	font-weight: normal;
}

#company .licenseTit {
	font-size: 18px;
	line-height: 100%;
	background-color: #898989;
	color: #fff;
	padding: 8px 10px;
}

#company .licenseName {
	font-size: 15px;
	margin-bottom: 5px;
	font-weight: bold;
	margin-top: 20px;
}

#company .maru {
	color: #989898;
}

#company table.licenseTb th {
	width: 5em;
	padding: 10px;
	vertical-align: top;
}

#company table.licenseTb td {
	padding: 10px;
}

#company .photo {
	text-align: center;
	margin-bottom: 30px;
}

#company .photo img {
	width: 60%;
}

#company .lead {
	margin-bottom: 30px;
}

#company .messageName {
	float: right;
	margin-top: 20px;
}

#company .messageName p {
	margin-bottom: 5px;
}

#company .messageName p.name {
	padding: 0;
	background-color: transparent;
	font-size: 20px;
}

#company .groupBox {
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#company .groupBox h3 {
	font-weight: bold;
	font-size: 16px;
}

#company .groupBox img {
	margin-bottom: 10px;
}

#company .lead {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}

#company .mainImg {
	margin: 20px 0 25px;
}

#company .lead2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	background-color: #f5f5f0;
	line-height: 40px;
	height: 40px;
	padding: 0 15px;
	margin-top: 20px;
}

#company .csrLeftBox p {
	margin-bottom: 25px;
}

#company .csrRightBox {
	font-size: 13px;
}

#company .csrRightBox .photo {
	margin-bottom: 15px;
	float: left;
	width: 40%;
}

#company .csrRightBox .photo img {
	width: 100%;
}

#company .csrRightBox p {
	width: 56%;
	float: right;
	margin-bottom: 15px;
}

/* @end */


/* @group 事業内容 */

#business .lead {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}

#business .lead2 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}

#business .lead3 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}

#business .vision {
	margin-bottom: 20px;
	width: 140px;
}

#business .rightBox {
	margin-top: 20px;
}

#business .rightBox .cap {
	margin-top: 20px;
}

#business hr {
	border-bottom: 1px solid #dcdcdc;
	margin: 30px 0;
}

#business .mainImg {
	margin: 20px 0 25px;
}

#business .leftBox2 p {
	margin-bottom: 25px;
}

#business .rightBox2 {
	font-size: 13px;
}

#business .rightBox2 .photo {
	margin-bottom: 15px;
	float: left;
	width: 40%;
}

#business .rightBox2 p {
	width: 56%;
	float: right;
	margin-bottom: 15px;
}

/* @end */


/* @group お問い合わせ */

#inquiry h2 {
	font-weight: bold;
	font-size: 18px;
	margin: 30px 0 10px;
	line-height: 1.3;
}

#inquiry h2 span {
	font-weight: normal;
	font-size: 14px;
}

#inquiry .telTb th {
	font-weight: bold;
}

#inquiry .caution {
	border: 1px solid #c8c8c8;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 13px;
}

#inquiry .caution p {
	font-weight: bold;
    color: #d70019;
	font-size: 14px;
}

#inquiry .maru {
	color: #989898;
}

#inquiry table {
	width: 100%;
    border-top: 2px solid #c8c8c8;
    border-bottom: 2px solid #c8c8c8;
	font-size: 13px;
}

#inquiry table th {
    border-bottom: 1px solid #c8c8c8;
	padding: 10px;
	background-color: #f5f5f5;
	width: 30%;
}

#inquiry table td {
	padding: 10px;
    border-bottom: 1px solid #c8c8c8;
}

#inquiry .btnBox {
	text-align: center;
	margin-top: 30px;
}

#inquiry .btn {
    color: #fff;
	background-color: #d70019;
	padding: 10px 20px;
	border: none;
	font-size: 18px;
	cursor: pointer;
	-webkit-appearance: button;
	border-radius: 0;
}

#inquiry .backBtn {
    color: #fff;
	background-color: #b8b8b8;
	padding: 10px 20px;
	border: none;
	font-size: 18px;
	cursor: pointer;
	-webkit-appearance: button;
	border-radius: 0;
}

#inquiry li {
	text-indent: -1em;
	margin-left: 1em;
}

#inquiry input {
	font-size: 14px;
	max-width: 220px !important;
}

#inquiry select {
	font-size: 13px;
	padding: 2px;
}

#inquiry .box80 {
    border: 1px solid #b5b6b6;
    padding: 2px;
	width: 3em;
}

#inquiry .box150 {
    border: 1px solid #b5b6b6;
    padding: 2px;
}

#inquiry .box250 {
    border: 1px solid #b5b6b6;
    padding: 2px;
}

#inquiry .box450 {
    border: 1px solid #b5b6b6;
    padding: 2px;
}

#inquiry textarea {
    border: 1px solid #b5b6b6;
    height: 100px;
    padding: 2px;
	width: 100%;
}

#inquiry .error {
    color: #d70019;
	font-size: 12px;
}

#inquiry .attention {
    color: #d70019;
    font-size: 12px;
}

/* @end */

/* @group プライバシーポリシー */

#privacy dl {
	margin-top: 20px;
}

#privacy dt {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}

#privacy dd {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #dcdcdc;
	padding-left: 33px;
}

#privacy dd:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

#privacy ul {
	margin-top: 15px;
}

#privacy .maru {
	color: #c8c8c8;
}

/* @end */


/* @group キャリア採用 */

#career .lead {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.4;
}

#career h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

#career table {
	width: 100%;
	font-size: 13px;
    border-top: 2px solid #c8c8c8;
    border-bottom: 2px solid #c8c8c8;
}

#career table th {
    border-bottom: 1px solid #c8c8c8;
	padding: 10px;
	background-color: #f5f5f5;
	width: 30%;
}

#career table td {
    border-bottom: 1px solid #c8c8c8;
	padding: 10px;
}

#career .maru {
	color: #989898;
}

/* @end */





/* @group サイトマップ */

#sitemap a:link {
    color: #333333;
    text-decoration: none;
}

#sitemap a:hover {
    color: #333333;
    text-decoration: underline;
}

#sitemap .fl,
#sitemap .fr {
	float: none;
}

#sitemap dt {
	font-size: 18px;
	font-weight: bold;
	background-color: #f5f5f0;
	padding: 5px 15px;
	margin: 20px 0 15px;
}

#sitemap dt.pickup {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0;
	background-color: #fff;
	padding: 5px 15px;
	margin-top: 0;
}

#sitemap dd {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	background-color: #fff;
	padding: 0 15px;
}

#sitemap dl .fl {
	margin-right: 25px;
}

#sitemap dd.line {
	border-top: 1px solid #dcdcdc;
	padding-top: 20px;
	margin-top: 20px;
}

/* @end */


/* @group 技術情報 */

#technology ul {
	border-top: 2px solid #c8c8c8;
	padding-top: 15px;
}

#technology li {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c8c8c8;
	text-indent: -2em;
	padding-left: 2em;
}

#technology li:last-child {
	border-bottom: 2px solid #c8c8c8;
	margin-bottom: 0;
}

#technology li img {
	vertical-align: middle;
}

#technology li .pdf {
	margin-right: 10px;
}

/* @end */


/* @group NEWS */

#news h2 {
	font-size: 18px;
	border-bottom: 1px solid #c8c8c8;
	margin: 10px 0 20px;
	line-height: 1.3;
	padding-bottom: 5px;
}

#news dd {
	margin-bottom: 10px;
}

/* @end */


/* @group 環境への取り組み */

#environment .titleBg {
	margin-bottom: 0;
}

#environment #main {
	position: relative;
	padding: 50px 20px 20px;
	background: url(../environment/img/bg_sp.jpg) no-repeat 0 0;
	background-size: 100% auto;
}

#environment #main h2 {
	font-size: 24px;
	line-height: 1.3;
	margin-bottom: 20px;
}

#environment #main .w590 {
	line-height: 1.8;
	margin-bottom: 20px;
}

#environment #main .illust {
	position: relative;
	margin-bottom: 20px;
}

#environment #main .btn1 {
	position: absolute;
	top: 7vw;
	left: 0;
	width: 25%;
}

#environment #main .btn2 {
	position: absolute;
	top: -4vw;
	left: 40%;
	width: 25%;
}

#environment #main .btn3 {
	position: absolute;
	top: -6vw;
	width: 25%;
	right: 0;
}

#environment #main .btn4 {
	position: absolute;
	width: 25%;
	bottom: -5vw;
	right: 11%;
}

#environment .column {
	padding: 30px 0 15px;
	background-color: #fff;
}

#environment .column.bg {
	background-color: #ebf5f5;
}

#environment .column h3 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 25px;
	line-height: 30px;
	color: #22ac38;
}

#environment .column.bg h3 {
	color: #036eb8;
}

#environment .column h3 img {
	margin-right: 12px;
	width: 30px;
}

#environment .column h4 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 10px;
}

#environment .column h4 span {
	font-size: 15px;
}

#environment .column .w410 p {
	margin-bottom: 25px;
}

#environment .column p .link {
	margin-top: 10px;
	display: block;
	position: relative;
	padding-left: 13px;
}
#environment .column p .link::before {
    left: 0;
    width: 5px;
    height: 5px;
    border-top: 2px solid #d70019;
    border-right: 2px solid #d70019;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 7px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

#environment .column .photo, #environment .column .photo2 {
	font-size: 12px;
	position: relative;
	line-height: 1.3;
}

#environment .column p.esd,
#environment .column p.tmc,
#environment .column p.hnp,
#environment .column p.ush,
#environment .column p.sbh,
#environment .column p.mdp,
#environment .column p.tbs,
#environment .column p.mpc {
	display: none;
}
#environment .column .fl {
	float: none;
}

#environment .column .photo .box {
	float: left;
	width: 47%;
	margin-right: 5%;
	margin-bottom: 5%;
}

#environment .column .photo .box:nth-child(2n) {
	margin-right: 0;
}

#environment .column .photo img {
	margin-bottom: 5px;
}

#environment .column .photo2 div.tko img {
	width: 100%;
}

#environment .column .photo2 p {
	margin-bottom: 5%;
}

#environment .column .pdfLink {
	margin-top: -15px;
	margin-bottom: 25px;
}

#environment .column .pdfLink li {
	margin-bottom: 5px;
}

#environment .column .pdfLink li a {
	text-decoration: underline;
}

#environment .column .pdfLink li a:hover {
	text-decoration: none;
}

#environment .column .pdfLink li .pdf {
	margin-right: 0.5em;
}

#environment .column .w410 p img {
	margin-right: 5px;
}
/* @end */