@charset "UTF-8";
.mainbox{border-top: 1px solid #5e5e5e; border-bottom: 1px solid #5e5e5e; padding-bottom: 5%;}
.mainbox h2{padding: 3% 0 2% 0; font-size: 31px; font-size: 3.1rem; font-weight: normal; line-height: 2.5rem; font-family: 'PT Sans', sans-serif;}
.mainbox h2 .small{font-size: 16px; font-size: 1.6rem;}
#privacypolicy{border-bottom: 1px solid #5e5e5e; padding-bottom: 5%;}
#privacypolicy h2{padding: 3% 0 2% 0; font-size: 31px; font-size: 3.1rem; font-weight: normal; line-height: 2.5rem; font-family: 'PT Sans', sans-serif;}
#privacypolicy h2 .small{font-size: 16px; font-size: 1.6rem;}

.pankuzu{display: none;}

@media only screen and (min-width:768px) {
#privacypolicy h2, .mainbox h2{ font-size: 33px; font-size: 3.3rem; padding: 2% 0 2% 0; }
#privacypolicy h2 .small, .mainbox h2 .small{font-size: 18px; font-size: 1.8rem;}
.pankuzu{display: inherit; text-align: left; padding: 5px 0 0 5px; max-width: 1000px; margin: 0 auto;}
}


#company table{text-align: left; background: #fff; margin: 0 2%; }
#company table tr, #company table td{border: 1px solid #5e5e5e; padding: 2%;}
#company table th{text-align: center; width: 110px;}

#business .box{padding: 1% 5%; color: #5e5e5e; margin: 10px 0;}
#business .box .txt{text-align: left;}
#business .leftbox{position: relative;}
#business .box h4{ position: absolute;  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
 background: rgba(0, 0, 0, 0.4); padding: 1% 0; font-weight: 600; font-size: 24px; font-size: 2.4rem; width: 90%; display: block; height: 50px; color: #e9e9e9;}
#business .box .pc{display: none;}
.box01{background: url("../lib/bus01.jpg") no-repeat; background-size: 100%;}
.box02{background: url("../lib/business02.png") no-repeat; background-size: cover;}
.box03{background: url("../lib/business03.png") no-repeat; background-size: cover;}
#business .box .txt{padding: 2% 0;}
@media only screen and (min-width:768px) {
#business .box .sp{display: none;}
#business .box .pc{display: inherit;}
#business .box .txt{font-size: 18px; font-size: 1.8rem;}
#business .box h4{font-size: 28px; font-size: 2.8rem; width: 70%; line-height: 3rem; padding: 1% 0 2% 0;}
}

#privacypolicy p{text-align: left; margin: 10px;}

#contact input{padding: 1%; font-size: 14px; width: 100%;}
#contact textarea{width:100%; height:80px;}
#contact p{margin-bottom: 10%;}
#contact .kakunin{background: #fff; padding: 10px 15px; margin: 0 10px;
    text-align: left;
    font-size: 1.5rem;}
#contact .kakunin p{margin-bottom: 0px;}
#contact .kakunin label{font-weight: bold; padding: 10px 0;}
@media screen and (min-width: 768px) {
#contact .kakunin p{text-align: center;}
#contact .kakunin label{margin-left: 27%;}
#contact .wid1024{max-width: 800px; margin: 0 auto;}
#contact input{width: 80%; margin-left: 7%;}
#contact textarea{width: 80%; margin-left: 7%; height:80px;}
}