@charset "UTF-8";
/* CSS Document */
body{
background-color: #28374D;
margin: 0;
padding: 0;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
img{
max-width: 100%;
}
a:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}

header{
background-color: #F2F4F1;
margin: 0 auto;
padding:0;
text-align: center;
}
.h-box{
overflow: hidden;
}
img.logo{
float: left;
max-width: 400px;
display: inline-block;
margin-left: 3%;
margin: 15px 0 0 30px;
}
img.f-logo{
max-width: 240px;
}
p.tel{
float: right;
display: inline-block;
font-weight: bolder;
color: #F2F4F1;
background-color: #126f9f;
padding: 10px 20px 5px 20px;
border-radius: 5px;
margin: 15px 30px 0 0;
font-size: 18px;
line-height: 110%;
letter-spacing:3px;
}
.tel span{
display: block;
font-size: 12px;
margin: 0;
}
p.tel a:link{
color: #F2F4F1;
text-decoration: none;
}
p.tel a:visited{
color: #F2F4F1;
}
p.tel a:hover{
color: #F2F4F1;
}
.bg-w{
background-color: #ffffff;
color: #28374D;
}
.bg-be{
background-color: #F2F4F1;
color:#28374D ;
}
.bg-gy{
background-color: #858E87;
}
.bg-lb{
background-color: #85B3BD;
}
.bg-b{
background-color:#596DA6;
}
.bg-dgy{
background-color: #687482;
color: #fff;
}
.bg-nv{
background-color: #28374D;
}
.bg-padding{
padding: 70px 0;
}
.copy{
text-align: center;
margin: 20px auto;
color: #F2F4F1;
font-size: 14px;
}
.contens{
max-width: 1200px;
margin: 0 auto;
padding: 40px;
}
section{
padding: 40px 0;
}
.box100{
text-align: center;
box-sizing: border-box;
font-size: 0;
flex-wrap:wrap;
ox;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.box-100{
text-align: left;
}
.box70{
width: 70%;
margin: 0;
padding: 1%;
display: inline-block;
vertical-align: top;
font-size: 16px;
text-align: left;
}
.box50{
width: 50%;
margin: 0;
padding: 1%;
display: inline-block;
vertical-align: top;
font-size: 16px;
text-align: left;
}
.box30{
width: 30%;
margin: 0;
padding: 1%;
display: inline-block;
vertical-align: top;
font-size: 16px;
text-align: left;
}
h1{
text-align: center;
}
h2.h2-line{
border-top: 1px solid #ccc;
padding: 10px;
border-bottom: 1px solid #ccc;
text-align: center;
}
h2.h2-waku{
display: inline-block;
background-color: #0071BC;
color: #ffffff;
padding: 10px 30px;
text-align: center;
border-radius: 20px;
font-weight:500;
}
h4{
background-color:#85B3BD;
color: #ffffff;
padding: 2px 10px;
border-radius: 10px;
display: inline-block;
margin: 10px 0;
font-weight: 400;
}
.title-1{
font-size: 30px;
margin: 40px 0;
text-align: center;
color: #596DA6;
}
.title-2{
font-size: 28px;
margin: 30px 0;
}
.title-3{
font-size: 21px;
margin: 30px 0;
}
.info{
margin: 20px auto;
padding: 10px 50px 40px;
background-color: #fff;
}
.info h2{
text-align: center;
border-bottom: 1px solid #28374D;
padding: 10px 0;
}
.info-waku{
max-height: 200px;
overflow-y: auto;
}
.info table tr{
border-bottom: 1px solid #fff;
margin-bottom: 10px;
}
.info table th{
font-size: 14px;
background-color: #28374D;
color: #fff;
width:100%;
border-radius: 5px;
display: inline-block;
padding: 3px 5px 2px 5px;
font-weight: normal;
}
.info table h3{
font-size: 16px;
margin: 0;
padding: 0;
}
.info table td{
padding: 0 2% 0.5% 2%;
padding-bottom: 20px;
}

.info p{
border-top: 1px dotted #ccc;
padding: 5px 0;
margin: 5px 0;
font-size: 14px;
}
.info a{
color: #28374D;
text-decoration: none;
}
.info a:hover{
text-decoration: underline;
}
.table-1{
margin: 0 0 40px;
}
.table-1 th{
border: 1px solid #cccccc;
padding: 10px;
background-color: #F2F4F1;
}
.table-1 td{
border: 1px solid #cccccc;
padding: 10px;
}
ul.li-3{
max-width: 1600px;
text-align: center;
margin: 0 auto 0;
list-style: none;
padding: 0;
box-sizing: border-box;
}
.li-3 li{
display: inline-table;
width: 31%;
margin: 1%;
padding: 0;
color: #28374D;
}
.li-3 li p{
text-align: left;
}
ul.li-4{
max-width: 1600px;
text-align: left;
margin: 0 auto 0;
list-style: none;
padding: 0;
box-sizing: border-box;
font-size: 0;
}
.li-4 li{
display: inline-table;
width: 23%;
margin: 1%;
padding: 0;
color: #28374D;
}
.li-4 li img{
object-fit: cover;
height:100vh;
max-height: 330px;
width: auto;
}
ul.production{
max-width: 1200px;
text-align: center;
margin: 0 auto 0;
list-style: none;
padding: 0;
box-sizing: border-box;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.production li{
display: inline-table;
width: 31%;
margin: 1%;
padding: 0;
color: #28374D;
}
.production li p{
text-align: left;
margin: 10px 20px 20px;
}
ul.li-2{
max-width: 1600px;
text-align: center;
margin: 0 auto 0;
list-style: none;
padding: 0;
box-sizing: border-box;
}
.li-2 li{
display: inline-table;
width: 47%;
margin: 1%;
padding: 0;
}
li h2 span{
display: block;
font-size: 13px;
background-color: #28374D;
padding: 2px;
border-radius: 5px;
color: #F2F4F1;
letter-spacing: 5px;
}
footer{
text-align: center;
}
address{
margin: 20px auto;
font-style: normal;
text-align: center;
color: #F2F4F1;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
address p{
vertical-align: top;
margin: 0 20px;
text-align: left;
font-size: 14px;
}
.inline-box{
text-align: center;
}
.inline-box h2{
display: inline-block;
margin: 0 0 20px;
}
.inline-box p{
display: inline-block;
text-align: left;
}
.inline-box ul{
display: inline-block;
text-align: left;
}
.right{
text-align: right;
}
.hr-1 {
  border-top: 1px dotted #ccc;
}
p.line-h200{
line-height: 200%;
}
.shishin li{
margin-bottom: 20px;
font-size: 18px;
}
.btn{
text-align: center;
}
.btn p{
display:inline-block;
}
.btn p a:link{
background-color: #28374D;
color: #fff;
padding: 5px 20px;
border-radius: 10px;
text-decoration: none;
font-size: 14px;
}
.btn p a:visited{
background-color: #28374D;
color: #fff;
padding: 5px 20px;
border-radius: 10px;
text-decoration: none;
font-size: 14px;
}
.btn p a:hover{
background-color: #596DA6;
padding: 5px 20px;
border-radius: 10px;
}
.btn-big{
text-align: center;
}
.btn-big p{
display:inline-block;
margin: 50px 0;
}
.btn-big p a:link{
background-color: #28374D;
color: #fff;
padding: 10px 30px;
border-radius: 20px;
text-decoration: none;
font-size: 21px;
}
.btn-big p a:visited{
background-color: #28374D;
color: #fff;
padding: 10px 30px;
border-radius: 20px;
text-decoration: none;
font-size: 21px;
}
.btn-big p a:hover{
background-color: #596DA6;
padding: 10px 30px;
border-radius: 20px;
}
.line-1{
border-bottom: 2px dotted #28374D;
padding-bottom: 5px;
margin: 20px 0 ;
color: #28374D;
}
table.history{
margin: 40px 0;
}
.history tr{
background-color: #F2F4F1;
margin-bottom: 20px;
}
.history th{
padding: 20px;
border: 1px solid #fff;
}
.history td{
padding: 20px;
border: 1px solid #fff;
}
table.table{
margin: 40px 0;
background-color: #fff;
text-align: center;
}
.table th{
padding: 10px 20px;
border: 1px solid #F2F4F1;
width: 60%;
}
.table td{
padding: 10px 20px;
border: 1px solid #F2F4F1;
}
hr{
margin: 20px 0;
}
ol{
text-align: left;
}
ol li{
margin-bottom: 10px;
}
ul.center li > p{
text-align: center;
}
p a:link{
color: #596DA6;
padding: 0 5px;
}
p a:visited{
color: #596DA6;
}
p a:hover{
color: #0071BC;
}
.new{
background-color: #0071BC;
color: #fff;font-size: 12px;
padding: 4px 5px;
border-radius: 2px;
margin-right: 10px;
}
.jirei p{
margi: 0;
font-size: 14px;
color: #333;
text-align: center;
}
.topbanner{
background-color: #fff;
text-align: center;
padding: 20px;
}
.topbanner img{
margin: 60px auto;
}
@media screen and (max-width:768px){
header{
background-color: #F2F4F1;
margin: 0;
padding:10px 0;
text-align: center;
}
.contens{
max-width: 1200px;
margin: 0 auto;
padding: 10px;
}
section{
padding: 10px 0;
}
.box70{
width: 100%;
}
.box50{
width: 100%;
}
.box30{
width: 100%;
}
.title-1{
font-size: 21px;
margin: 30px 0;
text-align: center;
color: #596DA6;
}
.title-2{
font-size: 21px;
margin: 30px 0;
}
img.logo{
width: 75%;
display: inline-block;
margin-left:0%;
float: none;
margin: 0 80px 0 30px;
}
p.tel{
float: none;
display: block;
width: 90%;
font-size: 18px;
padding: 10px 0 5px;
margin: 5px auto 2px;
font-weight: 600;
}
p.tel span{
display: block;
margin-left: 5px;
}
.info-waku{
max-height: 350px;
overflow-y: auto;
}
.info{
margin: 20px auto;
padding: 10px 20px 40px;
background-color: #fff;
}
.info table th{
font-size: 14px;
background-color: #28374D;
color: #fff;
width:100%;
display: block;
border-radius: 5px;
margin-bottom: 10px;
}
.info table td{
width:100%;
display: block;
}
.li-3 li{
display: inline-block;
width: 80%;
margin: 0 10% 5% 10%;
}
.production li{
display: inline-table;
width: 80%;
margin: 0 10% 5% 10%;
padding: 0;
color: #28374D;
}
.li-4 li{
display: inline-table;
width: 48%;
margin: 1%;
padding: 0;
color: #28374D;
}
.li-2 li{
display: inline-block;
width: 80%;
margin: 0 10% 5% 10%;
}
}
@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}