@charset "utf-8";

/*------------------------------------------------------------------------------
　共通
-------------------------------------------------------------------------------*/

body { background:#FFF url(../images/common/bg.jpg) no-repeat scroll center 100px;}

.boxInner { clear:both; width:1000px; margin:0; padding:0 0 50px 0; overflow:hidden;}
.boxInner h3 {
 clear:both; margin:5px 0 15px 0; padding:0; color:#333; font-size:188%; font-weight:bold; line-height:1.4;
 font-family:"Roboto Slab",Garamond,"Times New Roman","游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho", serif;}
.boxInner p { clear:both; margin:0 0 20px 0; padding:0;}

.boxInner table {
 clear:both; width:100%; margin:0; padding:0; text-align:left; font-size:88%; line-height:1.4; border-top:1px solid #999;}
.boxInner table th,.boxInner table td {
 clear:both; margin:0; padding:10px 3px 9px 3px; border-bottom:1px solid #999;}
.boxInner table th { vertical-align:top; font-weight:normal;}
.boxInner table td {}

/* 業務内容マップ
----------------------------------------------- */
.pageMap { clear:both; width:1000px; height:180px; margin:0 auto 20px auto; padding:0; position:relative;}
.pageMap h2 { clear:both; margin:0; padding:0; text-align:left; position:absolute; top:60px; left:5px;}
.pageMap #mapster_wrap_0 {
 clear:both; width:572px; height:227px; margin:0; padding:0; position:absolute!important; top:15px!important; right:0px!important;}

/* ページナビゲーション
----------------------------------------------- */
.pageNavi { clear:both; width:1000px; margin:0; padding:0 0 30px 0; overflow:hidden;}
.pageNavi ul { clear:both; margin:0 10px; padding:0; overflow:hidden; border-left:1px solid #0059B2;}
.pageNavi ul li { float:left; margin:0; padding:2px 13px 0 12px; line-height:1.2; border-right:1px solid #0059B2;}
.pageNavi ul li:last-child { margin:0;}
.pageNavi ul li a { text-decoration:underline;}

/*------------------------------------------------------------------------------
　会社概要
-------------------------------------------------------------------------------*/

#company { clear:both; width:1000px; margin:0 auto; padding:40px 0; overflow:hidden;}

#company .boxInner .box { clear:both; margin:0; padding:0 0 40px 0; overflow:hidden;}
#company .boxInner .box h3 { margin:0 0 8px 0;}

#company .boxInner .boxE { clear:both; margin:0; padding:0; overflow:hidden;}
#company .boxInner .boxE h3 { margin:0 0 8px 0;}

#company .boxInner .boxL450 { float:left; width:450px; margin:0; padding:0;}
#company .boxInner .boxR500 { float:right; width:500px; margin:0; padding:0;}

#company .boxInner .boxL500 { float:left; width:500px; margin:0; padding:0;}
#company .boxInner .boxR450 { float:right; width:450px; margin:0; padding:52px 0 0 0; font-size:88%;}
#company .boxInner .boxR450 p { margin:0 0 25px 0;}
#company .boxInner .boxR450 img { margin:0 0 5px 0;}
#company .boxInner .boxR450 ul { clear:both; margin:0 0 30px 0; padding:0; overflow:hidden;}
#company .boxInner .boxR450 ul li { float:left; margin:0 10px 0 0; padding:0;}
#company .boxInner .boxR450 ul li:last-child { margin:0;}

#company #motto section { margin-bottom: 50px;}
#company #motto .mission .statement { display: flex; border: 2px solid #0059B2; position: relative; padding: 45px;}
#company #motto .mission .statement:before { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; border: 1px solid #0059B2; z-index: -1; margin: 3px;}
#company #motto .mission .statement .text { font-family:"Roboto Slab",Garamond,"Times New Roman","游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho", serif;}
#company #motto .mission .statement .text p {  font-size: 36px; font-weight: bold; margin-left: -18px;}
#company #motto .mission .statement .text span { font-size: 20px; line-height: 200%;}
#company #motto .mission .statement img { height: 100%; margin: auto 50px auto auto;}

#company #motto .philosophy { display: flex; justify-content: space-between; gap: 50px; flex-wrap: wrap;}
#company #motto .philosophy .text { width: calc(100% - 370px);}
#company #motto .philosophy .text h3 { border-bottom: 1px solid #999;}
#company #motto .philosophy .text dl { padding-top:30px; display: flex; flex-wrap: wrap; line-height: 270%;}
#company #motto .philosophy .text dl dt { width: calc(100% - 10em);}
#company #motto .philosophy .text dl dd { width: 9em;}
#company #motto .philosophy .w320 { width: 320px; display: flex; flex-direction: column; justify-content: space-between;}
#company #motto .philosophy .w320 img { border: 1px solid #d6d6d6;}
#company #motto .philosophy .saferule { display: flex; gap: 50px; width: 100%;}
#company #motto .philosophy .saferule img { height: fit-content;}
#company #motto .philosophy .saferule div { width: 100%;}
#company #motto .philosophy .saferule h3 { border-bottom: 1px solid #999; margin-top: 0;}
#company #motto .philosophy .saferule dl { padding-top: 10px;;}
#company #motto .philosophy .saferule dl dt { line-height: 270%;}

#company #motto .bcp { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 65px 0; display: flex; justify-content: space-between; gap: 50px; margin-bottom: 0;}
#company #motto .bcp img { width: 450px;}
#company #motto .bcp .text { width: calc(100% - 450px);}

#company #motto .support { padding: 65px 0; display: flex; justify-content: space-between; gap: 50px;}
#company #motto .support img { width: 450px;}
#company #motto .support .text { width: calc(100% - 450px);}
/*------------------------------------------------------------------------------
　業務内容
-------------------------------------------------------------------------------*/

#works { clear:both; width:1000px; margin:0 auto; padding:70px 0; overflow:hidden;}

#works .boxInner { margin-bottom:45px; border-bottom:1px solid #CCC;}
#works .boxInner:last-child { margin-bottom:0; border:none;}
#works .boxInner h3 {
 clear:both; margin:0; padding:5px 0 20px 0; color:#333; font-size:210%; font-weight:bold; line-height:1.4;
 font-family:"Roboto Slab",Garamond,"Times New Roman","游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho", serif;
 background:url(../images/works/bg_h3.gif) no-repeat right top;}
#works .boxInner h3 span { font-size:80%;}
#works .boxInner h4 {
 clear:both; margin:0 0 10px 0; padding:0 0 0 30px; font-size:144%; font-weight:bold; line-height:1.4;
 background:url(../images/common/bg_h4.png) no-repeat left 3px;}
#works .boxInner h5 {
 clear:both; margin:0 0 15px 0; padding:0 0 2px 0; font-size:119%; font-weight:bold; line-height:1.4;
 border-bottom:1px solid #999;}
#works .boxInner h6 {
 clear:both; margin:0; padding:5px 0 10px 0; color:#F00; font-size:100%; font-weight:bold; line-height:1.4;}

#works #painting h4 {
 clear:both; margin:0 0 15px 0; padding:0 0 2px 0; font-size:119%; font-weight:bold; line-height:1.4;
 border-bottom:1px solid #999; background:none;}
#works #painting h5 {
 clear:both; margin:0; padding:5px 0 10px 0; color:#F00; font-size:100%; font-weight:bold; line-height:1.4; border:none;}

#works .boxInner p { margin:0 0 15px 0; padding:0; font-size:88%;}
#works .boxInner p.inline {
 clear:both; width:280px; margin:0; padding:0; position:absolute; bottom:-15px; left:0px;}

#works .boxInner table {
 clear:both; width:100%; margin:0; padding:0; text-align:left; font-size:88%; line-height:1.4;
 border-top:1px solid #999; border-right:1px solid #999; border-left:1px solid #999;}
#works .boxInner table th,.boxInner table td {
 clear:both; margin:0; padding:8px 10px 6px 10px; border-bottom:1px solid #999;}
#works .boxInner table thead th,.boxInner table thead td {
 text-align:center; color:#FFF; background:#0059B2;}
#works .boxInner table thead th {}
#works .boxInner table thead td { border-left:1px solid #999;}
#works .boxInner table tbody th,.boxInner table tbody td {
 padding:6px 10px 4px 10px;}

#works .boxInner table tbody th { text-align:center; vertical-align:middle; background:#F0F0F0;}
#works .boxInner table tbody td { border-left:1px solid #999;}
#works .boxInner table tbody td.num { text-align:center;}

#works .boxInner .box { clear:both; margin:0; padding:15px 0; overflow:hidden;}
#works .boxInner .box.top { padding-bottom:35px;}
#works .boxInner .boxL { float:left; width:480px; margin:0; padding:0; position:relative;}
#works .boxInner .boxR { float:right; width:480px; margin:0; padding:0; position:relative;}

#works .boxInner .mainimg { clear:both; margin:0 0 25px 0; padding:0;}
#works .boxInner .photo { clear:both; margin:0 0 10px 0; padding:0;}
#works .boxInner .imgL { float:left; margin:0; padding:0;}
#works .boxInner .imgR { float:right; margin:0; padding:0;}

#works .boxInner ul.resin  { clear:both; margin:0 0 30px 0; padding:0; overflow:hidden;}
#works .boxInner ul.resin.end  { margin:0;}
#works .boxInner ul.resin  li {
 clear:both; margin:0 0 8px 0; padding:0 10px 6px 10px; font-size:113%; border-bottom:1px dotted #999;}
#works .boxInner ul.resin  li:last-child { margin:0;}

#works .boxInner ul.inspection { clear:both; margin:0 0 15px 0; padding:0; overflow:hidden;}
#works .boxInner ul.inspection li {
 clear:both; margin:0 0 6px 0; padding:0 10px 10px 10px; border-bottom:1px dotted #999;}

#works .boxInner dl  { clear:both; margin:0 0 20px 0; padding:0; overflow:hidden;}
#works .boxInner dl dt {
 clear:both; margin:0; padding:10px 15px 4px 15px; font-size:119%; font-weight:bold; line-height:1.4;
 background:#CEE7FF;}
#works .boxInner dl dd {
 clear:both; margin:0 0 5px 0; padding:0 15px 32px 15px; font-size:88%;
 background:#CEE7FF url(../images/works/arrow.gif) no-repeat left bottom;}
#works .boxInner dl dd.end {
 margin:0; padding:0 15px 12px 15px; background:#CEE7FF url(none) no-repeat left bottom;}

#works .boxInner .boxS { clear:both; margin:0; padding:0 0 10px 0; overflow:hidden;}
#works .boxInner .boxS img { float:left; margin:0; padding:0;}
#works .boxInner .boxS h6 { clear:none; float:right; width:240px; margin:0; padding:0;}

#works .boxInner .process01 { float:left; width:157px; margin:0 4px 0 0; padding:0;}
#works .boxInner .process01.end { margin:0;}
#works .boxInner .process01 h6 { padding:0 0 3px 0;}
#works .boxInner .process01 p { margin:0; padding:0; font-size:88%; line-height:1.4;}
#works .boxInner .process01 img { margin:0 0 8px 0; padding:0;}

#works .boxInner .process02 { float:left; width:199px; margin:0 4px 0 0; padding:0;}
#works .boxInner .process02 h6 { padding:0 0 3px 0;}
#works .boxInner .process02 p { margin:0; padding:0; font-size:88%; line-height:1.4;}
#works .boxInner .process02 img { margin:0 0 8px 0; padding:0;}

/*------------------------------------------------------------------------------
　品質方針
-------------------------------------------------------------------------------*/

#quality { clear:both; width:1000px; margin:0 auto; padding:40px 0; overflow:hidden;}
#quality .boxInner h3 { margin:0 0 10px 0;}

#quality .boxInner .boxL500 { float:left; width:500px; margin:0; padding:0;}
#quality .boxInner .boxL500 p {
 clear:both; margin:0 0 30px 0; padding:15px 0; color:#333; font-size:125%;  font-weight:bold; line-height:2.0;
 font-family:"Roboto Slab",Garamond,"Times New Roman","游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho", serif;
 border-bottom:1px solid #999; border-top:1px solid #999;}
#quality .boxInner .boxL500 p em { font-weight:bold;}
#quality .boxInner .boxL500 ul { clear:both; margin:0; padding:0; overflow:hidden;}
#quality .boxInner .boxL500 ul li { clear:both; margin:0 0 10px 0; padding:0;}

#quality .boxInner .boxR450 { float:right; width:450px; margin:0 0 25px 0; padding:52px 0 0 0;}

/*------------------------------------------------------------------------------
　個人情報保護方針
-------------------------------------------------------------------------------*/

#privacy { clear:both; width:1000px; margin:0 auto; padding:40px 0; overflow:hidden;}
#privacy .boxInner h3 { margin:0 5px 20px 5px;}
#privacy .boxInner p { clear:both; margin:0 5px 30px 5px; padding:0;}
#privacy .boxInner p.title { margin:0 0 10px 0; padding:0 5px; border-bottom:1px solid #999;}

/*------------------------------------------------------------------------------
　情報セキュリティ基本方針
-------------------------------------------------------------------------------*/
.pageMap.security h2 { top: 36px;}

#security { clear:both; width:1000px; margin:0 auto; padding:40px 0; overflow:hidden;}
#security .boxInner h3 { margin:0 5px 20px 5px;}
#security .boxInner .flex { display: flex; align-items: center; gap: 20px;}
#security .boxInner .flex img { height: 100%;}
#security .boxInner .flex p { margin: 0;}
#security .boxInner .description { margin: 50px 0;}
#security .boxInner .description img { height: 110px;}
#security .boxInner .description p { font-size: 120%;}
#security .boxInner h4.title { font-size: 150%; color: #dd0000; border-bottom: 1px solid #999; margin-bottom: 10px;}
#security .boxInner p { clear:both; margin:0 5px 30px 0px; padding:0;}
#security .boxInner p.title { margin:0 0 10px 0; padding:0 5px; border-top:1px solid #999;}
#security .boxInner .sign { width: fit-content; margin: 5em 0 0 auto;}



/*------------------------------------------------------------------------------
　お問い合わせ
-------------------------------------------------------------------------------*/

#inquiry { clear:both; width:1000px; margin:0 auto; padding:40px 0; overflow:hidden;}

#inquiry .boxInner { padding:35px 0 10px 0;}
#inquiry .boxInner form { padding:10px 0 10px 0; text-align:center;}

#inquiry .boxInner h3 { margin:5px 0 25px 0;}
#inquiry .boxInner h3 span { font-size:80%;}
#inquiry .boxInner p { margin:0 0 20px 0;}
#inquiry .boxInner .error { color:#F00;}
#inquiry .boxInner .sum { color:#0059B2;}
#inquiry .boxInner input[type="submit"] { padding:7px 15px;}
#inquiry .boxInner input[type="button"] { padding:7px 15px;}