/* CSS Document */

a:hover{opacity: 0.7}
h2{margin-bottom: 0.8em}
h3{margin-bottom: 0.6em}

th.text-right{text-align: right;}

#div-logo{}
#div-logo a img{width:100px;}

div#div-menu .img-corner{border: solid 4px #E60012;color:#E60012;    border-radius: 50%!important;width:130px;height:130px;margin: 10px auto;padding: 7px;}
div#div-menu .img-corner img{width:100%;}
header .blog-header-logo{font-family: "M PLUS 1p";font-size: 30px;    letter-spacing: 5px;}
header .mail{}
header .mail img{width:36px;}
header .img-corner {
    border: solid 3px #ccc;
    color: #ccc;
    border-radius: 50%!important;
    width: 50px;
    height: 50px;
    margin: 5px auto;
    padding: 4px;
}

.sp{display:none;}
.jumbotron{background-image: url("../img/bg_soil.jpg");background-repeat: no-repeat;background-size: cover;background-position: center center;/*box-shadow:0px -8px 8px -1px #000 inset;*/border-bottom:4px solid #E60012;min-height: 250px;}
.jumbotron .container {/*background-image: url("../img/mask_white.png");background-repeat:repeat;*/}
.jumbotron .container h1{text-align: left; font-family: "M PLUS 1p"; color:#fff;}
.jumbotron .container p{text-align: right;font-size: 1.8em;font-weight: bold;line-height: 2.0em;font-family: "M PLUS 1p";}

.text-shadow-black{ text-shadow: #333 2px 0px,  #333 -2px 0px,#333 0px -2px, #333 0px 2px,#333 2px 2px , #333 -2px 2px,#333 2px -2px, #333 -2px -2px,#333 1px 2px,  #333 -1px 2px,#333 1px -2px, #333 -1px -2px,#333 2px 1px,  #333 -2px 1px,#333 2px -1px, #333 -2px -1px;}
.text-shadow-white{ text-shadow: #fff 2px 0px,  #fff -2px 0px,#fff 0px -2px, #fff 0px 2px,#fff 2px 2px , #fff -2px 2px,#fff 2px -2px, #fff -2px -2px,#fff 1px 2px,  #fff -1px 2px,#fff 1px -2px, #fff -1px -2px,#fff 2px 1px,  #fff -2px 1px,#fff 2px -1px, #fff -2px -1px;letter-spacing: 5px;}
.text-large{font-size: larger;}


.breadcrumb{background-color: #fafafa}
section{margin-bottom: 40px;padding:20px 0 }
section h1{background-image: url("../img/mark.svg");background-position: right center;background-repeat: no-repeat;background-size: contain;line-height:1.6;margin-bottom:0.7em;}
.row{margin:1.0em auto 1.5em auto;}

.nav-scroller nav a{font-size:18px;border-bottom: 3px solid #fff;}
.nav-scroller nav a:hover{border-bottom: 3px solid #E60012;text-decoration: none;}

footer{border-top:1px solid #E60012;padding-top: 20px;text-align: right;margin-top:60px;}

body#top nav a.top{border-bottom: 3px solid #E60012;}
body#pcb nav a.pcb{border-bottom: 3px solid #E60012;}
body#service nav a.service{border-bottom: 3px solid #E60012;}
body#company nav a.company{border-bottom: 3px solid #E60012;}
body#company table.table {border-bottom: 1px solid #ddd;}
body#company table.table th{vertical-align: middle;}
body#contact nav a.contact{border-bottom: 3px solid #E60012;}
body#tech nav a.tech{border-bottom: 3px solid #E60012;}


.nav-inpage ul{list-style: none;display: flex;justify-content: center;}
.nav-inpage ul li{padding:10px 20px;line-height: 24px;font-size: larger;}
.nav-inpage ul li i{color:#E60012;font-size:24px;}
.nav-inpage ul li a{color:#E60012;}

i.fa-arrow-alt-circle-up{color:#E60012;}

#formWrap>div{margin: 0 auto;}
#formWrap .form-group{margin: 0 auto;}
#formWrap {
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
#formWrap table.formTable{width:100%;margin:0 auto;border-collapse:collapse;margin-bottom: 20px;}
#formWrap table.formTable td{border:1px solid #fff;background-color: #fafafa;padding:10px;}
#formWrap table.formTable th{width:30%;font-weight:normal;background-color:#efefef;text-align:left;padding: 10px;border:1px solid #fff;}
#formWrap .error_messe{color:#f00}


@media screen and (max-width: 1200px) {
	header .blog-header-logo {letter-spacing: 1px;}	
}
@media screen and (max-width: 576px) {
	.pc{display:none !important;}
	.sp{display:block;}
	section h1{font-size: 1.6rem;margin-bottom:0.4em;background-image:none}
	h2{font-size: 1.4rem;margin-bottom:0.3em;}
	h3{font-size: 1.2rem;margin-bottom:0.2em;}
	p{font-size:12px;}
	li{font-size:12px;}
	ul{padding-left:1.0em;}
	ol{padding-left:1.0em;}
	
	#div-logo{width:80px;padding: 0 !important;}
	#div-logo a img{width:100%;}
	header.py-3{padding-top: 5px !important;padding-bottom:0 !important;}	
	header.py-3>div{padding-top: 0 !important;padding-bottom:0 !important;margin: 0 !important}	
	header .blog-header-logo {letter-spacing: 1px;font-size: 22px;line-height: 1.0em;}	
	.nav-scroller nav {border-bottom:1px dotted #ccc;}
	.nav-scroller nav a{font-size:15px; border-right:1px dotted #ddd;flex-grow:1}
	.nav-scroller nav a.p-2{padding: 5px!important;}
	
	.jumbotron {padding: 5px 0px;min-height:150px;}
	.jumbotron .container h1{font-size:1.9em;}
	.jumbotron .container p{font-size:1.4em;letter-spacing: 0;line-height: 1.6em;}
	
	div#div-menu .img-corner{height:60px;width:60px;    border: solid 2px #E60012}
	
	section{margin-bottom: 0px;padding: 0}
	.pl-5, .px-5 {padding-left: 0rem!important;}
	.pr-5, .px-5 {padding-left: 0rem!important;}
	.pr-5, .px-5 {padding-right: 0rem!important;}
	.breadcrumb{display: none;}
	.nav-inpage ul{padding:0; display:block;}
	
	
	#section-concentration table  thead{display:none;}
	#section-concentration table  tbody th{display:block;padding:5px; }
	#section-concentration table  tbody td{display:block;}
	#section-concentration table  tbody th:first-child { background: #eaeaea;color: #333;font-weight: bold; text-align: center;  }
  #section-concentration table  tbody td:before { content: attr(data-label);display:block;font-weight: bold;}
	
	#company table{}
	#company table th{display: block;text-align: left !important;}
	#company table td{display: block}

	#contact table{}
	#contact #formWrap table.formTable th{display: block;text-align: left !important;width: 100%;}
	#contact #formWrap table.formTable td{display: block;width: 100%;}

	
	
}