@charset "UTF-8";
/* CSS Document */


/*----------------------------初期設定---------*/

body {
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", Arial, sans-serif;
}


img {
	display: block;
	width: 100%;
}

img a{
	border: none;
}

a {
	text-decoration: none;
}

div {
    -webkit-box-sizing: border-box;　/* Safari,Google Chrome用 */  
    -moz-box-sizing: border-box;　/* Firefox用 */  
    -ms-box-sizing: border-box;　/* Internet Explorer 8用 */      
	box-sizing: border-box;
}


h1,h2,h3,h4,p {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 1.5rem;
}

h2 {
	font-size: 1.2rem;
	font-weight: bold;
}
h3 {
	font-size: 1rem;
}

h1 {
	padding: 1rem;
}
h2 {
	background-color: #84ABBF;
	color: #fff;
	margin-bottom: 2rem;
	padding: .5rem 2rem;
}

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


footer {
	color: #fff;
	background-color: #203D8A;
}

.copyright {
	color: #fff;
	text-align: center;
	padding: 1rem;
}

table {
	border-collapse:  collapse;
	width: 90%;
	margin: 0 auto 2rem;
	font-size: .8rem;
}

th,td {
	border: solid 1px #203D8A;
	padding: .5rem;
}
th {
	background-color: #dcdcdc;
}
td span {
	color: #0265DF;
}



.content {
	margin: 1rem 0;
}

.content > p {
    margin: 2rem;
}

.btn {
    text-align: center;
    margin-bottom: 2rem;
    }

.button {
    padding: .5rem;
    background-color: #203D8A;
    color: #fff;
}

.button:hover {
    color: #203D8A;
    background-color: #fff;
    border: 1px solid #0265DF;
}


.bc__list {
    margin-bottom: 1rem;
    border-top: 3px double #cfcfcf;
    border-bottom: 3px double #cfcfcf;
    padding: .5rem;
    line-height: 1.5rem;
}

/*----------------
3box
----------------*/

.content__item-3blocks {

}

.content__item-block1,
.content__item-block2,
.content__item-block3 {
	height: 8rem;
	margin: 0 0 1rem;
}

.content__item-3blocks h3 {
	font-weight: bold;
	text-align: center;
	padding: 2rem 0;
	line-height: 2rem;
}

.content__item-3blocks a div{
	color: #fff;
	background-color: #203D8A;
}

.content__item-3blocks a:hover div{
	color: #fff;
	background-color: #cc0000;
}


/*----------------
Greeting
----------------*/	

.greeting__item--left {
	}

.greeting__item--left p {
	padding: 0 2rem 2rem;
	}
.greeting__item-text--right {
	width: 60%;
	float: right;
	}
.greeting__item-text--right span {
	padding-left: 1rem;
}
.greeting__item--right {
	padding: 0 2rem 2rem;
	}
.greeting__item--photo {
	display: block;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	}

/*----------------
Manufacturing
----------------*/	

.manufacture__item--left {
	}

.manufacture__item--left h3 {
	margin: 0 2rem 2rem;
	font-weight: bold;
}
.manufacture__item--left p {
	padding: 0 2rem 2rem;
	}

.manufacture__item--right {
	padding: 0 2rem 2rem;
	}




/*----------------
facility / mail
----------------*/

.facility th {
}
.facility td {
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #203D8A;
    width: 100%;
  }
  .facility,
  .mail {
    width: 80%;
  }
  .facility th,
  .facility td,
  .mail th,
  .mail td {
	  border-bottom: none;
    display: block;
    width: 100%;
  }
}




/*----------------
Global menu
----------------*/
	
nav {
background: -moz-linear-gradient(top, #f9f9f9, #c6c6c6);
background: -webkit-linear-gradient(top, #f9f9f9, #c6c6c6);
background: linear-gradient(to bottom, #f9f9f9, #c6c6c6);
margin-bottom: .5rem;
}

nav ul{
display: table;
margin: 0 auto;
padding: 0 ;
width: 100%;
font-size: .8rem;
text-align: center;
}
nav li{
display: table-cell;
min-width: 50px;
padding-top: .5rem; 
border-left: 1px solid #c0c0c0;
}
nav li:last-child {
	border-right: 1px solid #c0c0c0;
	}
nav a{
display: block;
width: 100%;
text-decoration: none;
color: #555;
padding-bottom: 5px;
}
nav li.current{
border-bottom: 3px solid #203D8A;
}
nav li:hover{
color: #cc0000;
border-bottom: 3px solid #cc0000;
background: -moz-linear-gradient(top, #dcdcdc, #fcfcfc);
background: -webkit-linear-gradient(top, #dcdcdc, #fcfcfc);
background: linear-gradient(to bottom, #dcdcdc, #fcfcfc);
}

/*----------------
3box
----------------*/
	
	
.content__item-3blocks {
	margin: 1rem 0;
}
.content__item-3blocks h3 {
    font-size: .8rem;
}

.content__item-block1,
.content__item-block2 {
	width: 32%;
	display: inline-block;
	margin-right: 2%;
	float: left;
}
.content__item-block3 {
	width: 32%;
	display: inline-block;
	float: left;
}
	
	
@media screen and (min-width: 769px){
	
table {
	font-size: 1rem;
	}

/*----------------
Global menu
----------------*/	

nav ul{
width: 80%;
font-size: 1rem;
}	

/*----------------
3box
----------------*/
	
	
.content__item-3blocks {
	margin: 2rem 0;

}

.content__item-block1,
.content__item-block2 {
	width: 30%;
	display: inline-block;
	margin-right: 5%;
	float: left;
}
.content__item-block3 {
	width: 30%;
	display: inline-block;
	float: left;
}
	
	
	
/*----------------
Greeting
----------------*/	

.greeting__item--left {
	width: 70%;
	float: left;
	}
.greeting__item-text--right {
	width: 45%;
	}
.greeting__item--right {
	width: 30%;
	float: right;
	}
.greeting__item--photo {
	width: 100%;
	}
	
/*----------------
Manufacturing
----------------*/	

.manufacture__item--left {
	width: 60%;
	float: left;
	}

.manufacture__item--right {
	width: 40%;
	float: right;
	}
.manufacture__item--photo {
	width: 100%;
	}	
	
}

@media screen and (min-width:1000px){
	
.wrapper {
	width: 1000px;
	margin: 0 auto;
		
}
	
}