@charset "UTF-8";

#pagehead{
background:url(img/pagehead.jpg) no-repeat center;
}
#pagehead h1 span{
letter-spacing: 1px;
}

main ul{
margin-top:20px;
}
main ul li{
margin-top:20px;
}
main ul li .box{
padding:20px 2%;}
main h3{
background:url(img/arrow01.gif) no-repeat center right ,#e7eaeb;
background-size: 45px;
font-size:22px;
padding:8px 0 8px 20px;
font-family: 'Shuei KakuGo Gin L';
border-left:2px solid #1d437a;
cursor: pointer;}
main h3:hover{
opacity: 0.8;}
main li.open h3{
background:url(img/arrow02.gif) no-repeat center right ,#dde3eb;
background-size: 45px;
}
main li.open h3:hover{
opacity: 1;}

.page table th{
text-align: center;
width:20%;
}
.linkbtn{
margin-top:30px;
}
.linkbtn .btn{
display:inline-block;
margin-right:5px;}
.linkbtn .btn.hp a{
background:url(img/hp01.png) no-repeat  92% center;
}
.linkbtn .btn.hp a:hover{
background:url(img/hp02.png) no-repeat  95% center ,#1d437a;
}
.linkbtn .btn.mail a{
background:url(img/mail01.png) no-repeat  80% center;
padding: 13px 20px 13px 40px;
}
.linkbtn .btn.mail a:hover{
background:url(img/mail02.png) no-repeat  85% center ,#1d437a;
}
#contents02{
margin-bottom:80px;
}

@media screen and (max-width: 640px) {
.page table th{
text-align: left;
width:100%;
}
main li  h3{
font-size:18px;
}
/*
.btn a{
font-size:13px;
width:165px;
}*/
}