@media screen and (max-width: 960px) {
h1 {
font-size: 1em;
}

h2 {
font-size: 0.8em;
}

h3 {
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
text-align: center;
font-size: 2em;
}

h4 {
font-size: 1em;
width : 90%;
}

#menu-inner ul {
width: 90%;
}

#menu-inner ul li {
font-size: 1.2em;
padding: 10px 0;
}

#menu-inner div {
width: 90%;
}

#header .item2 #title p#main {
font-size: 2em;
}

#header .item2 #title p#sub {
font-size: 1.2em;
}

#header .item2 #title p#scroll {
font-size: 1em;
margin-top:20px;
}

#service .item1 {
order: 1;
width: 100%;
}

#service .item1 span {
font-size: 0.8em;
}

#service .item2 {
order: 2;
width: 100%;
}

#service .item3 {
order: 3;
width: 100%;
}

#service img {
width: 96%;
}

#information .item1 {
width: 100%;
text-align: center;
}

#information .item1 h3 {
margin-left: 0;
}

#information .item2 {
width: 96%;
text-align: center;
margin-left: 2%;
padding: 0;
}

#information .item2 table {
margin: auto;
}

#information .item2 table tr th {
border-bottom: none;
display: block;
background-color: #0a2005;
color: #ffffff;
}

#information .item2 table tr td {
border-bottom: none;
display: block;
}

#information .item2 table tr td:last-child {
border-bottom: 1px solid #000000;
}

#information .item3,
#information .item4,
#information .item5 {
width: 100%;
}

#information img,
#information .item5 img {
width: 96%;
}

#recruit .item2,
#recruit .item3,
#recruit .item4,
#recruit .item5,
#recruit .item6,
#recruit .item7,
#recruit .item8,
#recruit .item9 {
width: 96%;
margin-left: 2%;
}

#recruit .item1 h3 {
margin-left: 0;
margin-bottom: 0;
}

#recruit .item2 p,
#recruit .item4 p,
#recruit .item8 p {
text-align: left;
padding: 0 1em;
}

#recruit .item8 {
margin-top: 0;
}

#recruit .item8 table th {
display: block;
width: 96%;
border: none;
}

#recruit .item8 table td {
display: block;
width: 96%;
border: none;
}

#recruit .button {
font-size: 1em;
}

#recruit .item9 a {
width: 90%;
}
}