@charset "utf-8";

@media screen and (max-width:768px){

body {
width: 100%;
margin: 0;
padding: 0;
font-size: 100%;
color: #555;
background: #fff;
border: none;
}

* {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img {
max-width: 100%;
width /***/:auto;
height: auto;
border: none;
vertical-align: top;
}

.sp-none { display:none; }

a:link {color: #e9967a;text-decoration: underline;}
a:visited {color: #bc8f8f;text-decoration: underline;}
a:hover {color: #fa8072;text-decoration: none;}
a:active {color: #fa8072;text-decoration: none;}

/* -----トップメニュー------ */
a.menulink:link {color: #fff;text-decoration: none;}
a.menulink:visited {color: #f5f5f5;text-decoration: none;}
a.menulink:hover {color: #db7093;text-decoration: none;}
a.menulink:active {color: #db7093;text-decoration: none;}

h1 {
width: 90%;
margin: 20px auto 5px;
padding: 5px 10px;
background-color: #b9c5e5;
font-size: 100%;
font-weight: normal;
text-decoration: none;
text-align: left;
color: #fff;
}

h2 {
margin: 150px 40px 0 0;
padding: 5px 10px;
background-color: #b9c5e5;
font-size: 100%;
font-weight: normal;
text-decoration: none;
text-align: left;
color: #fff;
}

h3 {
width: 90%;
margin: 20px auto 5px;
padding: 5px 10px;
background-color: #b9c5e5;
font-size: 100%;
font-weight: normal;
text-decoration: none;
text-align: left;
color: #fff;
border: none;
}

/* -----外枠----- */
#wrapper {
width: 100%;
margin: 0;
padding: 0;
background-color: #ffffff;
border: none;
}

/* --- ヘッダー --- */
#header {
width: 100%;
height: 110px;
margin: 0 auto 20px;
padding: 0;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}

/* --- タイトルロゴ --- */
#title {
width: 100%;
margin: 0 auto;
padding: 0;
border: none;
}

/* --- メニュー --- */
#menu {
width: 100%;
margin: 0 auto;
padding: 0;
font-size: 100%;
background: #3f3f3f;
border: none;
}

#menu ul {
display: flex;
justify-content: center;
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
}

#menu ul li {
width: 30%;
}

/* -----内枠----- */
.container {
width: 95%;
margin: 5px auto;
padding: 0;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}

/* -----メインスペース----- */
.main {
width: 100%;
margin: 0;
padding: 0;
}

.info {
width: 95%;
margin: 3px auto;
padding: 3px 5px;
font-size: 90%;
line-height: 150%;
}

.top-box {
display: flex;
width: 100%;
margin: 5px auto 80px;
}

.top-img {
width: 50%;
margin: 6px;
}

/* -----サイドバー----- */
.sidemenu {
width: 100%;
margin: 0;
padding: 0;
}

.add {
width: 95%;
margin: 3px auto;
padding: 3px 5px;
font-size: 95%;
line-height: 150%;
}

.cal {
width: 70%;
margin: 3px auto;
padding: 3px;
font-size: 95%;
line-height: 160%;
}

.sche {
width: 100%;
font-size: 80%;
color: #aaa;
text-align: center;
margin: 00;
}

/* -----トップ画像----- */
.top {
width: 95%;
margin: 0 auto;
padding: 20px 0;
}

/* -----フッター----- */
#footer {
width: 99%;
margin: 0 auto;
padding: 10px 0;
text-align: center;
border-top: 1px solid #aaaaaa;
}

#copyright {
text-align: center;
font-size: 70%;
}

/* -----内枠----- */
.column {
width: 100%;
padding: 20px 0;
}

/* -----会社概要----- */
dl.company {
width: 95%;
margin: 0 auto;
padding: 0;
}

dl.company dt {
float: none;
width: 100px;
margin: 0 0 5px 0;
padding: 2px 3px;
font-size: 80%;
color: #fff;
line-height: 140%;
text-align: center;
background-color: #ccc;
}

.company dd {
width: 90%;
margin: 0 auto 5px;
padding: 2px 6px 2px 3px;
font-size: 80%;
text-align: left;
line-height: 140%;
border-bottom: none;
}

/* --- 沿革 --- */
dl.company-enkaku {
width: 95%;
margin: 0 auto;
padding: 0;
}

dl.company-enkaku dt {
float: none;
width: 110px;
margin: 0;
padding: 2px 3px;
font-size: 85%;
border-bottom: 1px solid #fff;
}

dl.company-enkaku dd {
width: 95%;
margin: 1px 5px 15px 5px;
padding: 1px 5px;
font-size: 75%;
text-align: left;
line-height: 150%;
border-bottom: 1px solid #eaeaea;
}

/* -----工場設備----- */
.table {
width: 93%;
margin: 0 auto;
padding: 0;
}

.td1 {
width: 25%;
font-size: 80%;
color:#fff;
text-align: center;
background-color: #ccc;
}

.td2 {
width: 67%;
padding: 2px 5px;
font-size: 80%;
line-height: 160%;
border: 1px solid #ddd;
}

dl{
margin: 0;
padding: 0;
}

dt{  
float : left;
width: 56%;
clear : both;
}

dd{  
width: 36%;
margin: 0x;
text-align: center;
}

/* -----工場設備----- */
.table2 {
width: 93%;
margin: 0 auto;
padding: 0;
}

.table2 .td3 {
width: 16%;
font-size: 75%;
color:#fff;
text-align: center;
background-color: #ccc;
}

.table2 .td4 {
width: 36%;
padding: 2px 5px;
font-size: 75%;
line-height: 160%;
border: 1px solid #ddd;
}

.table2 .td5 {
width: 56%;
padding: 2px;
font-size: 75%;
line-height: 160%;
text-align: left;
border: 1px solid #ddd;
}

}