html, body, div, span, a, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, main, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, dir, audio, video {
    margin: 0;
    padding: 0;
    outline: 0;
    list-style-type: none;
    font-size:100%;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
    -webkit-text-size-adjust:100%;
}

@media screen and (max-width: 480px) {
html{
width:100%;
}
}

.text { font-size : x-small ; }
.text { font-size : small ; }
.text { font-size : 12px ; }
.text { font-size : 12px ; }

body {
font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
background:#000;
background-image:url('photo/wall.png');
background-size:100%;
background-size:cover;
background-repeat:no-repeat;
width:80%;
margin: 0 auto;
padding: 0;
}

@media screen and (max-width: 480px) {
body{
width:100%;
font-size:50%;
}
}

header,main,aside,footer{
background-color:rgba(0,0,0,0.35);
}

header{
background-color:rgba(0,0,0,0.85);
background-image:url('photo/kumamoto_1.png');
background-size:100%;
background-size:contain;
background-position:right;
background-repeat:no-repeat;
width:100%;
margin:0;
padding-top:20px;
box-sizing:border-box;
overflow:hidden;
}

header::after,.wall::after,#navi::after,aside::after,footer::after,.eigyou::after,.main dl::after,nav::after,.jyouken::after{
content:"";
display:block;
clear:both;
overflow:hidden;
}

h1{
float:left;
width:30%;
box-sizing:border-box;
display:table-cell;
overflow:hidden;
}

img.belltop{
width:100%;
}

@media screen and (max-width: 480px) {
img.belltop{
width:100%;
}
}

.div2{
font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
width:100%;
box-sizing:border-box;
overflow:hidden;
margin-bottom:10px;
float:none;   /* 回り込み指定 */
}

.info{
witdh:70%;
font-size:12px;
color:#A9A9A9;
box-sizing:border-box;
overflow:hidden;
display:table-cell;
}

.daihyou{
color:#FFFFFF;
height: 60px;
text-shadow:
0 0 25px #B0C4DE,
0 0 20px #B0C4DE,
0 0 0.40px #B0C4DE;
margin:10px 0px;
margin-top:0px;
float: left;
}

.yoyaku{
font-size:12px;
color:#FFFFFF;
text-shadow:
0 0 25px #B0C4DE,
0 0 20px #B0C4DE,
0 0 0.40px #B0C4DE;
margin:10px 0px;
margin-top:10px;
margin-bottom:10px;
}

.yoyaku a {
color:#B22222;
  display: inline-block;
  transition: .3s;
  -webkit-transform: scale(1);
  transform: scale(1);
text-decoration: none; 
}
.yoyaku a:hover {
color:#B22222;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
text-decoration: none; 
}


.info li:nth-child(3),.info li:nth-child(4){
margin-left:0px;
}

@media screen and (max-width: 480px) {
.info li:nth-child(3),.info li:nth-child(4){
margin-left:0px;
}
}

@media screen and (max-width: 480px) {
.info{
font-size:100%;
padding-bottom:10px;
}
}

img.belldenwa{
width:60%;
float:none;   /* 回り込み指定 */
}

@media screen and (max-width: 480px) {
.div2{
margin-bottom:0px;
}
img.belldenwa{
width:80%;
float:none;   /* 回り込み指定 */
margin-bottom:5px;
}
.daihyou{
font-size:12px;
color:#FFFFFF;
height:40px;
text-shadow:
0 0 25px #B0C4DE,
0 0 20px #B0C4DE,
0 0 0.40px #B0C4DE;
margin:10px 0px;
margin-top:0px;
}
.yoyaku{
font-size:12px;
color:#FFFFFF;
margin-top:0px;
margin-bottom:5px;
}
.yoyaku a{
width:25%;
color:#B22222;
text-align:center;
text-decoration: none; 
}
}

#navi{
width:100%;
margin:0 auto;
padding:0 auto;
text-align:center;
white-space:nowrap;
oveflow:hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#navi li{
float:left;
width:25%;
height:50px;
box-align: center; 
line-height:1.5em;
border-top:1px solid #708090;
border-bottom:1px solid #708090;
border-left:1px solid #708090;
oveflow:hidden;
box-sizing:border-box;
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}

#navi li:last-of-type{
width:25%;
border-right:1px solid #708090;
}

#navi li a{
width:25%;
color:#fff;
text-align:center;
line-height: 50px; 
}

.list_core div:hover{
text-shadow:
0 0 25px #B0C4DE,
0 0 20px #B0C4DE,
0 0 0.40px #B0C4DE;
}

.list_core{
display: inline-block;
line-height: 1.2em;
vertical-align: middle;
}

#navi li p{
font-size:11px;
color:#B22222;
}

@media screen and (max-width: 480px) {
#navi li p{
font-size:100%;
}
}

.main{
width:100%;
overflow:hidden;
display:table;
box-sizing:border-box;
}

.main{
font-size:16px;
color:#fff;
width:60%;
float:left;
height:auto;
padding:10px 10px;
display:table-cell;
box-sizing:border-box;
}


@media screen and (max-width: 480px) {
.main h2{
font-size:100%;
}
}

@media screen and (max-width: 480px) {
.main{
width:100%;
height:auto;
display:table-cell;
box-sizing:border-box;
}
}

.sidemenu{
font-size:14px;
color:#fff;
width:40%;
float:left;
overflow:hidden;
height:auto;
display:table-cell;
padding:10px 10px;
box-sizing:border-box;
}

@media screen and (max-width: 480px) {
.sidemenu{
width:100%;
height:auto;
display:table-cell;
box-sizing:border-box;
}
}

.sidemenu h2{
width:80%;
text-shadow:
0 0 25px #B0C4DE,
0 0 20px #B0C4DE,
0 0 0.40px #B0C4DE;
margin:10px 10px;
border-bottom:2px solid #B22222;
line-height:2em;
}

.sidemenu dd{
width:80%;
font-size:14px;
padding-left:10px;
margin:10px 0px;
}

@media screen and (max-width: 480px) {
.sidemenu dd{
width:100%;
font-size:12px;
font-size:100%;
margin:10px 0px;
padding-left:0px;
}
}

@media screen and (max-width: 480px) {
.sidemenu h2{
width:100%;
font-size:100%;
margin:10px 0px;
}
}

img.recruit{
width:70%;
padding-left:10px;
}

@media screen and (max-width: 480px) {
img.recruit{
width:100%;
padding-left:0px;
}
}

a img {
border: 0;
}

footer{
background-color:rgba(0,0,0,0.85);
background-image:url('photo/kumamoto_2.png');
background-size:100%;
background-size:contain;
background-position:right;
background-repeat:no-repeat;
width:100%;
height:200px;
margin:0 auto;
}