@charset "UTF-8";


.pc {
display: block !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
}
.sp { display: none !important; }

.Btn-BL a {
width: 160px;
min-width: 160px;
padding-top: 12px;
padding-bottom: 12px;
margin-bottom: 30px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #000000;
line-height: 1em;
font-size: 0.8em;
display: block;
color: #000000;
}
.Btn-BLc a {
width: 160px;
min-width: 160px;
padding-top: 12px;
padding-bottom: 12px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #000000;
line-height: 1em;
font-size: 0.8em;
display: block;
color: #000000;
margin-left: auto;
margin-right: auto;
}

.Btn-BL-EX a {
width: 160px;
min-width: 160px;
padding-top: 12px;
padding-bottom: 12px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #000000;
line-height: 1em;
font-size: 0.8em;
display: block;
color: #000000;
}

.Btn-BL a:hover,
.Btn-BLc a:hover,
.Btn-BL-EX a:hover{
background-color: rgba(0,0,0,0.1);
}

.Btn-w a {
width: 160px;
min-width: 160px;
padding-top: 12px;
padding-bottom: 12px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #fff;
line-height: 1em;
font-size: 0.8em;
display: block;
color: #fff;
margin-left: auto;
margin-right: auto;
}


.Btn-w a:hover {
background-color: rgba(0,0,0,0.1);
}

.pdf{
	text-align: center;
	margin: 20px 0 0 0;
}
.pdf a{
	font-size: 15px;
	color:#FFFFFF;
}

.pdf a:hover{
color: #DCDCDC;
}

.headerWrapper {
width: 1345px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


header h1 {
/*width: 280px;*/
width: 1200px;
display: block;
padding-bottom: 20px;
padding-left: 10px;
margin-left: auto;
margin-right: auto;
}


header {
position: fixed;
background-color: #163182;
padding-top: 25px;
width: 100%;
margin-bottom: 10px;
min-width: 1200px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 100;
}

#wrap {
	padding-top: 170px;
	width:100%;
}


nav {
background-color: #000000;
border-top: 1px solid #5e6688;
padding-top: 15px;
padding-bottom: 15px;
}
nav ul {
width: 1200px;
margin-left: auto;
margin-right: auto;
}

nav ul li {
border-right: 2px solid #ADACAC;
float: left;
width: 130px;
font-size: 0.9em;
}

nav ul li:first-child {
width: 130px;
border-left: 2px solid #ADACAC;
}

nav ul li a:link,
nav ul li a:visited
{
display: block;
width: 130px;
color: #fff;
text-align: center;
}

nav ul li a:hover,
nav ul li a:active
{
color: #8F8D8D;

}
.swiper-container {
min-width: 1346px;
margin-bottom: 95px;
}

#HOME h2 {
margin-left:90px;
margin-right:90px;
margin-bottom: 40px;
padding-bottom: 10px;
border-bottom: 1px solid #8B8A8A;
line-height: 1em;
font-size: 1.8em;
font-weight: bold;
display: block;
}

#HOME #TopicsZone h2 {
margin-bottom: 10px;
}

#HOME h2 span {
font-size: 0.6em;
margin-right: 0px;
padding-right: 1.2em;
color: #1C319A;
}



#TopicsZone {
margin-bottom: 150px;
margin-left: auto;
margin-right: auto;
min-width: 1100px;
}

#TopicsZone #Topicwrap {
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
width: 100%;
	height: 260px;
	overflow-y:scroll;
}

#TopicsZone #Topicwrap2 {
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
width: 100%;

}



#philosophy {
background-image: url(../images/top/philosophy-bg2.png);
background-repeat: no-repeat;
background-position: center 180px;
margin-bottom: 130px;
min-width: 1346px;
}

.philosophy-tit {
margin-left:42px;
margin-right:42px;

}

.sectionInner {
/*width: 1409px;*/
width: 1346px;
margin-left: auto;
margin-right: auto;

}





.philosophy-pic {
position: relative;
height: 650px;
}


.philosophy-text {
position: absolute;
left: 90px;
top: 462px;
width: 700px;
height: 102px;
}
.philosophy-text p {
margin-bottom: 30px;
}

.Pic-shadow{
border: 4px solid #000000;
box-shadow: 10px 10px 25px  rgba(0, 0, 0, .5);
}

.Mpic {
text-align: left;
position: relative;
}



#EnvironmentalZone {
margin-bottom: 130px;
margin-left: auto;
margin-right: auto;
min-width: 1100px;
}

#EnvironmentalZone #Environmentalwrap {
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
width: 100%;

}




.EnvironmentalArea {
margin-left:90px;
margin-right:90px;
padding-left: 0px;
padding-right: 20px;
margin-bottom: 10px;
}
.Environmentaltxt {
font-weight: bold;
font-size: 1.2em;
}
.EnvironmentalArea img {
margin-right:20px;
margin-bottom: 10px;
margin-top: 10px;
}

.businessBox {
position: absolute;
left: 888px;
top: 140px;
width: 350px;
}

.businessBox-L {
position: absolute;
left: 193px;
top: 130px;
width: 350px;
}


.businessBox-tit {
text-align: center;
margin-bottom: 60px;
}
.businessBox-txt li {
color: #FFFFFF;
font-size: 1.2em;
line-height: 1em;
margin-bottom: 20px;
text-align: center;
}
.businessBox-txt {
margin-bottom: 50px;
}
.businessBox-txt a{
	color: white;
}
.businessBox-txt a:hover{
	color:#DCDCDC;
}

.Mpic-R {
text-align: right;
position: relative;
}


.TOP-business {
height: 760px;
background-repeat: no-repeat;
background-position: center 110px;
background-image: url(../images/top/business-bg-01.png);
min-width: 1346px;
margin-bottom: 15px;
}

.TOP-business-2 {
height: 675px;
background-repeat: no-repeat;
background-position: center 25px;
background-image: url(../images/top/business-bg-02.png);
min-width: 1346px;
margin-bottom: 15px;
}


.TOP-business-3 {
height: 675px;
background-repeat: no-repeat;
background-position: center 25px;
background-image: url(../images/top/business-bg-03.png);
min-width: 1346px;
margin-bottom: 15px;
}

.TOP-business-4 {
height: 645px;
background-repeat: no-repeat;
background-position: center 25px;
background-image: url(../images/top/business-bg-04.png);
min-width: 1346px;
margin-bottom: 100px;
}


.TOP-bus-pic-l
{
max-width: 650px;
position: absolute;
top: 0px;
left: 80px;
}

.TOP-bus-pic-r
{
max-width: 650px;
position: absolute;
top: 0px;
right: 80px;
}


.TOP-recruit {
width: 900px;
margin-left: auto;
margin-right: auto;
/*min-height: 280px;*/
background-image: url(../images/top/recruit-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center 0%;
margin-bottom: 90px;
}



.recruitBox {
width: 60%;
margin-left: auto;
padding-top: 35px;
padding-bottom: 35px;
margin-right: auto;
}
.recruit-tit {
text-align: center;
font-size: 1.5em;
padding-bottom: 20px;
color: #5a7ebd;
font-weight: bold;
}
.recruit-titM {
text-align: center;
margin-bottom: 35px;
}

/**/


.TOP-access {
width: 900px;
margin-left: auto;
margin-right: auto;
}
.accessBox {
width: 60%;
margin-left: auto;
padding-top: 35px;
padding-bottom: 35px;
margin-right: auto;
}
.access-tit {
text-align: center;
font-size: 1.5em;
padding-bottom: 20px;
color: #5a7ebd;
font-weight: bold;
}
.access-titM {
text-align: center;
margin-bottom: 20px;
}
.access-txt {
text-align: center;
font-size: 1.0em;
padding-bottom: 20px;
color: #000;
}


.accessADD {
width: 1325px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 75px;
}



/**/


.TOP-contact {
width: 900px;
margin-left: auto;
margin-right: auto;
/*min-height: 280px;*/
background-image: url(../images/top/contact-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center 0%;
margin-bottom: 90px;
}
.contactBox {
width: 60%;
margin-left: auto;
padding-top: 35px;
padding-bottom: 35px;
margin-right: auto;
}
.contact-tit {
text-align: center;
font-size: 1.5em;
padding-bottom: 20px;
color: #5a7ebd;
font-weight: bold;
}
.contact-titM {
text-align: center;
margin-bottom: 20px;
}
.contact-txt {
text-align: center;
font-size: 1.2em;
padding-bottom: 20px;
color: #000;
}

.Gmap {
width: 100%;
height: 700px;
margin-bottom: 20px;
min-width: 1346px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
footer {
background-color: #000000;
color: #ccc;
text-align: center;
padding-top: 20px;
min-width: 1346px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

footer a:link,
footer a:visited{
color: #ccc;
}
footer a:hover,
footer a:active{
color: #9B9B9B;
}




.fNav   {
font-size: 0.8em;
margin-bottom: 10px;
}
address {
font-size: 0.7em;
text-align: center;
padding-bottom: 20px;

}
.PageTops {
width: 150px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
position: relative;
margin-bottom: 10px;
font-size: 0.9em;

}

.PageTops i {

position: absolute;
top: 0px;
left: 45%;

}

/*

.PageTops::after {
content: "\f077";
font-family: "Font Awesome 5 Free";
position: absolute;
top: 0px;
left: 45%;
left: 0px;
}
*/


.TopicArea {
margin-left:90px;
margin-right:90px;
padding-left: 20px;
padding-right: 20px;
font-size: 1.2em;
border-bottom: 1px solid #8B8A8A;
margin-bottom: 10px;
}


.TopicArea dt {
margin-left: 1em;
font-weight: bold;
margin-bottom: 10px;
}
.TopicArea dd {
margin-bottom: 10px;
font-size: 0.9em;
padding-left: 2em;
}
.TopicArea dd ul li {
float: left;
	margin-top: 10px;
	margin-right: 10px;
	text-align: left;
	 
}

.modal-menu {
width: 80%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
padding: 10px;
}


.modal-menu ul li a {
border-bottom: 1px dotted #D3D1D1;
margin-bottom: 5px;
padding-bottom: 5px;
display: block;

}


.bgPic {
width: 100%;
background-image: url(../images/top/main-1.png);
background-size: cover;
background-position: center 0%;
padding-top: 34%;
}

.bgPic2 {
    width: 100%;
    background-image: url(../images/top/main-2.png);
    padding-top:34%;
    background-size: cover;
    background-position: center 0%;
}

.bgPic3 {
    width: 100%;
    background-image: url(../images/top/main-3.png);
    padding-top:34%;
    background-size: cover;
    background-position: center 0%;
}
.con-head-tit-Box {
padding-top: 120px;
width: 300px;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #000000;
padding-bottom: 95px;
}
.con-head-tit {
font-size: 2.8em;
font-weight: bold;
margin-bottom: 34px;
color: #fff;
text-shadow: 5px 5px 10px #000
}
.contents-head  {
background-image: url(../images/contents/contents-head.png);
background-repeat: no-repeat;
background-position: center 0%;
background-size: cover;
margin-bottom: 15px;
}
.contents-head-sale  {
background-image: url(../images/contents/contents-head-sale.png);
background-repeat: no-repeat;
background-position: center 0%;
background-size: cover;
margin-bottom: 15px;
}

.contents-head-recruit  {
background-image: url(../images/contents/contents-head-recruit.png);
background-repeat: no-repeat;
background-position: center 0%;
background-size: cover;
margin-bottom: 15px;
}

.contents-head-ocean  {
background-image: url(../images/contents/contents-head-ocean.png);
background-repeat: no-repeat;
background-position: center 0%;
background-size: cover;
margin-bottom: 15px;
}

.contents-head-inquiry  {
background-image: url(../images/contents/contents-head-inquiry.png);
background-repeat: no-repeat;
background-position: center 0%;
background-size: cover;
margin-bottom: 15px;
}

.contents-head-company  {
background-image: url(../images/contents/contents-head-company.png);
background-repeat: no-repeat;
background-position: center 0%;
background-size: cover;
margin-bottom: 15px;
}
.contents-head-technology  {
background-image: url(../images/contents/contents-head-technology.png);
background-repeat: no-repeat;
background-position: center 0%;
background-size: cover;
margin-bottom: 15px;
}

.contents-head-bridge  {
background-image: url(../images/contents/contents-head-bridge.png);
background-repeat: no-repeat;
background-position: center 0%;
background-size: cover;
margin-bottom: 15px;
}



.ContentsArea {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 130px;
}

.formTable {
width: 85%;
	margin-left: auto;
margin-right: auto;
}

.formTable th,td {
padding: 0.5em;
font-size: 1.2em;
border-bottom: 1px solid #8B8A8A;
margin-bottom: 10px;
}



.Pankuzuz {
margin-bottom: 30px;
font-size: 0.8em;
margin-left: 90px;
margin-right: 90px;
}
.con-Mtit {
font-size: 18px;
line-height: 1.6;
margin-bottom: 70px;
text-align: center;
}
.con-head-Subtit {
font-size: 1.3em;
font-weight: bold;
}

.ContentsArea .c-area {
width: 1100px;
margin-left: auto;
margin-right: auto;
}

.Fort-IND-Box {
border: 4px solid #000000;
margin-bottom: 50px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.Fort-IND-Box2 {
border: 4px solid #000000;
padding-bottom: 40px;
margin-bottom: 50px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;	
}

.Fort-IND-pic-L {
float: left;
width: 550px;
}


.Fort-IND-pic-R {
float: right;
width: 550px;
}
.Fort-IND-R {
margin-top: 85px;
float: left;
width: 370px;
margin-left: 50px;

}
.Fort-IND-L {
margin-top: 85px;
float: left;
width: 370px;
margin-left: 50px;

}

.Fort-IND-pic-L img,.Fort-IND-pic-R img  {
border: 25px solid #EEEEEE;
}


.Fort-IND-Tit {
font-size: 2em;
line-height: 1.5em;
font-weight: bold;
margin-bottom: 15px;
}
.Fort-IND-STit {
font-weight: bold;
font-size: 1.2em;
color: #57B1CE;
margin-bottom: 50px;
}
.Fort-IND-txt   {
margin-bottom: 30px;
}

.Fort-IND-txt2   {
font-size: 18px;
line-height: 1.6;
margin-bottom: 30px;
}

.SubPicBox {
border: 4px solid #000000;
padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../fortifications/images/sub-pic01.png);
background-repeat: no-repeat;
background-position: right top;
margin-top: 25px;
margin-bottom: 25px;

}

.SubPicBox-f2 {
border: 4px solid #000000;
padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../fortifications/images/sub-pic02.png);
background-repeat: no-repeat;
background-position: right top;
margin-top: 25px;
margin-bottom: 25px;

}

.SubPicBox-f3 {
border: 4px solid #000000;
padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../fortifications/images/sub-pic03.png);
background-repeat: no-repeat;
background-position: right top;
margin-top: 25px;
margin-bottom: 25px;

}


.SubPicBox2 {

padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../fortifications/images/sub-pic01.png);
background-repeat: no-repeat;
background-position: right top;
margin-bottom: 25px;
}


.SubPicBox-sale-b {
border: 4px solid #000000;
padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../sales/images/sub-pic01.png);
background-repeat: no-repeat;
background-position: right top;
margin-top: 25px;
margin-bottom: 25px;

}

.SubPicBox-sale1 {
border: 4px solid #000000;

padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../sales/images/sub-pic01.png);
background-repeat: no-repeat;
background-position: right top;
margin-bottom: 35px;
}

.SubPicBox-sale2 {
border: 4px solid #000000;

padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../sales/images/sub-pic02.png);
background-repeat: no-repeat;
background-position: right top;
margin-bottom: 35px;
}

.SubPicBox-sale3 {
border: 4px solid #000000;

padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../fortifications/images/sub-pic01.png);
background-repeat: no-repeat;
background-position: right top;
margin-bottom: 35px;
}

.SubPicBox-sale1c {
border: 4px solid #000000;

padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../sales/images/sub-pic01.png);
background-repeat: no-repeat;
background-position: right top;
margin-top: 25px;
margin-bottom: 25px;
}

.SubPicBox-sale2c {
border: 4px solid #000000;

padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../sales/images/sub-pic02.png);
background-repeat: no-repeat;
background-position: right top;
margin-top: 25px;
margin-bottom: 25px;
}

.SubPicBox-sale3c {
border: 4px solid #000000;

padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../fortifications/images/sub-pic01.png);
background-repeat: no-repeat;
background-position: right top;
margin-top: 25px;
margin-bottom: 25px;
}


.SubPicBox-recruit {
border: 4px solid #000000;
padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../recruit/images/sub-pic01.png);
background-repeat: no-repeat;
background-position: right top;
margin-top: 25px;
margin-bottom: 25px;
}

.SubPicBox-ocean1 {
border: 4px solid #000000;
padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../ocean/images/sub-pic01.png);
background-repeat: no-repeat;
background-position: right top;
margin-top: 25px;
margin-bottom: 25px;
}

.SubPicBox-ocean2 {
border: 4px solid #000000;
padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../ocean/images/sub-pic02.png);
background-repeat: no-repeat;
background-position: right top;
margin-top: 25px;
margin-bottom: 25px;

}

.SubPicBox-inquiry {
border: 4px solid #000000;
padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../inquiry/images/sub-pic01.png);
background-repeat: no-repeat;
background-position: right top;
margin-top: 25px;
margin-bottom: 25px;

}


.SubPicBox-company1 {
border: 4px solid #000000;
padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../company/images/sub-pic01.png);
background-repeat: no-repeat;
background-position: right top;
margin-top: 25px;
margin-bottom: 25px;

}


.SubPicBox-company2 {
border: 4px solid #000000;
padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../company/images/sub-pic02.png);
background-repeat: no-repeat;
background-position: right top;
margin-top: 25px;
margin-bottom: 25px;

}

.SubPicBox-company3 {
border: 4px solid #000000;
padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../company/images/sub-pic03.png);
background-repeat: no-repeat;
background-position: right top;
margin-top: 25px;
margin-bottom: 25px;

}


.SubPicBox-bridge1 {
border: 4px solid #000000;
padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../bridge/images/sub-pic01.png);
background-repeat: no-repeat;
background-position: right top;
margin-top: 25px;
margin-bottom: 25px;
}

.SubPicBox-bridge2 {
border: 4px solid #000000;
padding-left: 75px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 75px;
background-color: #DCDFE1;
background-image: url(../bridge/images/sub-pic02.png);
background-repeat: no-repeat;
background-position: right bottom;
margin-top: 25px;
margin-bottom: 25px;
}


.text-1 {
font-size: 0.9em;
margin-bottom: 70px;
}
.SubPicBox-tit {
font-size: 1.8em;
font-weight: bold;
line-height: 1em;
margin-bottom: 10px;
}
.SubPicBox-stit {
font-weight: bold;
font-size: 1em;
color: #57B1CE;
line-height: 1em;
}
.Contents-dTit {
background-image: url(../fortifications/images/line-bk.png);
background-repeat: repeat-x;
background-position: 0% center;
width: 300px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
.dTit-txt {
width: 150px;
background-color: #FFFFFF;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
text-align: center;
margin-left: auto;
margin-right: auto;
font-weight: bold;
font-size: 1.2em;
}




.H2-titl {
font-weight: bold;
font-size: 1.5em;
border-bottom: 1px solid #000000;
margin-bottom: 20px;
padding-bottom: 5px;

}

.H2-titl::before {
font-family: "Font Awesome 5 Free";
content: "\f45c";
padding-right : 8px;
color: #1C319B;
}


.EX-box-L {
width: 300px;
float: left;
}
.EX-box-R {
width: 750px;
float: right;
display: flex;
justify-content: space-between;
}







.EX-box {
margin-bottom: 40px;
}
.EX-box-L p {
margin-bottom: 15px;
}


.EX2wrapper-L {
width: 520px;
float: left;
}
.EX2wrapper-R {
width: 520px;
float: right;
}


.EX2-box-L {
width: 250px;
float: left;
}
.EX2-box-R {
width: 250px;
float: right;
}
.EX-box-R li {
width: 33%;
}
.EX2-box-L p {
margin-bottom: 1em;
}
.EX-box-R li img {
width: 100%;
}
.EX2-box-R img {
min-width: 250px;
width: auto;
}
.modal-menu ul {
}


.remodal-cancel{
color: #fff;
background-color: #026FA4
}
.remodal-cancel:hover,
.remodal-cancel:focus{
background-color: #067DB6
}

/*追加*/

/*製品販売TOP*/
.sale-ind{
width: 85%;
margin: 0 auto;
}

.table01{

border-collapse: collapse;
border-spacing: 0;
margin-top: 10px;
margin-bottom: 40px;
}

 .table01 th,.table01 td{
  padding: 10px 20px 10px 20px;
  text-align: center;
}

.table01 .td-right{
border-left: solid 1px silver;
text-align: left;
}

.border{
border-left: solid 1px #FFFFFF;
}

.table01 tr:nth-child(odd){
  background-color: #eee
}


/*会社案内　表*/
.company-table{
width: 85%;
margin: 0 auto;
}

.table02{
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin-top: 10px;
margin-bottom: 100px;
table-layout: fixed;

}



.table02 th,.table02 td{
  padding: 8px 10px 8px 0px;
  text-align: left;
}



/*会社概要　表横幅*/
.col1{
 width: 20%;
}
.col2{
 width: 15%;
}

.col3{
 width: 12%;
}

/*沿革　月右寄せ*/
.table02 .company-table-right{
padding: 8px 0px 8px 1px;
text-align: right;
border-bottom: solid 1px black;
}

/*沿革　西暦*/
.year{
width: 9%;
table-layout: fixed;
overflow-wrap: break-word;
border-bottom: solid 1px black;
}

/*事業所map*/
.map{
width: 100%;
}

/*PC・スパンクリート　小見出し*/
.title{
color: #1C319B;
margin-top: 10px;
font-weight:bold;
}


/*スパンコンクリート　施工例*/
.sales-3{
margin-top: 10px;
padding-right: 2%;
width: 32%;
float: left;
}

.sales-3R{
margin-top: 10px;
width: 32%;
float: right;
}

.sales-3 img,.sales-3R img{
width: 100%;
}

/*回り込み禁止*/
.EX2wrapper-L:after{
content:"";
display:block;
clear: both;
}

/*スペース*/
.space{
height: 50px;
}

/*PC　スラブ・組み立て歩道 + 海洋製品 + 工法技術*/
.LL{
width: 49%;
float: left;
padding-right: 5px;
}

.RR{
width: 49%;
float: right;
padding-left: 5px;
}

.RR img{
width: 100%;
}

.LR:after{
content:"";
display:block;
clear: both;
}


/*PC　施工例 */
.sales-L{
margin-bottom: 10px;
width: 49%;
float: left;
}

.sales-R{
margin-bottom: 10px;
width: 49%;
float: right;
}

.sales-L img,.sales-R img{
width: 100%;
}

/*製造販売　補修材　+　工法技術 詳細ページリンク*/
.syousai a{
font-size: 15px;
	color: #ae3846;
}

.syousai a:hover{
color: #9B9B9B;
}

.syousai i{
color: black;
}





/*表 下罫線*/
.borer_bottom{
border-bottom: solid 1px black;
}
/*子育て宣言　画像*/
.borer_bottom img{
width: 20%;
}

/*海洋製品　写真センター*/
.ocean-C img{
margin-bottom: 10px;
width: 100%;
float: center;
	
}

/*工法・技術　NETIS*/
.tec_netis{
background-color:#464646;
color: white;
font-weight:bold;
padding: 10px;
text-align: left;
display:block;
font-size: 12px;
line-height: 1.8;
margin-bottom: 10px;
}

/*工法・技術　詳細上余白*/
.tec_syousai{
margin-top: 10px;
}

/*問合せ*/
.toiawase{
padding-top: 10px;
padding-bottom: 10px;

font-weight: bold;
font-size: 20px;
text-align: center;
margin:0 auto 20px;
}


.toiawase1{
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #000000;
width: 7em;
font-weight: bold;
font-size: 25px;
text-align: center;
margin:0 auto 20px;
}

.toiawase2{
font-size: 20px;
text-align: center;
margin-bottom: 20px;
}

.toiawase3{
font-weight: bold;
font-size: 20px;
text-align: center;
margin-bottom: 20px;
}

dt{
  float: left;
}

dd{
  margin-left: 180px;
}

/*加盟団体*/
.kameiLL{
float: left;
width: 48%;
}

.kameiRR{
float: right;
width: 48%;
}

.kamei{
width: 100%;
border-bottom: 1px solid #000000;
margin: 10px auto;
}

.kameiLR:after{
content:"";
display: block;
clear: both;
}


.kamei i{
color: #144092;
margin-right: 10px;
}

.kamei a:hover{
color: darkgrey;
}

/*リンクの位置調整*/
.link-t-a {
position: relative;
top: -200px;
display: block;
}

/*PDFダウンロード範囲*/
.box123:after{
content:"";
display: block;
clear: both;
}

.box01{
float: left;
width: 27%;
height: 30px;
margin: 0 0 30px 0;
background-color: #C4C4C4;
text-align: center;
color:#FFFFFF ;
padding-top: 10px;
}





.box1{
text-align: left;
float: left;
width: 33.3%;
margin: 0 0 30px 0;
}

.box2{
text-align: left;
float: left;
width: 33.3%;
margin: 0 0 30px 0;
}

.box3{
text-align: left;
float: left;
width: 33.3%;
margin: 0 0 30px 0;
}