@import url("/sp/css/header.css");

*{margin:0;padding:0;}
img{border: none;}
table{border-collapse: collapse;}

/*位置指定*/
.lt{text-align: left;}
.rt{text-align: right;}
.ct{text-align: center;}

/*位置指定*/
.to{vertical-align: top;}
.mi{vertical-align: middle;}
.bo{vertical-align: bottom;}

/*フロート*/
.flt{float: left;}
.frt{float: right;}

/*クリア*/
.clear{clear: both;}

/*font-size*/
.fs11{font-size: 11px;}
.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs24{font-size: 24px;}

/*line-height*/
.lh120{line-height: 120%;}
.lh130{line-height: 130%;}
.lh150{line-height: 150%;}
.lh180{line-height: 180%;}

/* margin */
.mt2{margin-top: 2px;}


.mb5{margin-bottom: 5px;}
.mt5{margin-top: 5px;}
.ml5{margin-left: 5px;}
.mr5{margin-right: 5px;}

.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}

.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.ml20{margin-left: 20px;}
.mr20{margin-right: 20px;}

.fwb{font-weight: bold;}
.fwn{font-weight: normal;}

/*padding*/
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}

.pd10{padding: 10px;}
.pd5{padding: 5px;}
.mg10{margin: 10px;}
.mg5{margin: 5px;}

/*文字の色*/
.f_green{color: #9ac514;}
.f_black{color: #000000;}
.f_white{color: #ffffff;}
.f_orange{color: #f55939;}

.bb{border-bottom: 1px #dedede solid;}
.bb_dashed{border-bottom: 1px #dedede dashed;}
.none{text-decoration: none;}

body{
    width:100%;
    margin:0;
    padding:0;
    line-height:1;
    color: #222;
    font-size:12px;
    -webkit-text-size-adjust: 100%;
}

a{color: #134c6c;}

.f_red {
    color: red;
}

/* ----------------------------- */
/* コンテンツ*/
/* ----------------------------- */
#content{
/*    margin-top: 65px;*//*headerの高さはheightline-groupで対応*/
    padding: 10px;
    line-height: 150%;
}

/*みだし（背景ピンク、白文字）*/
.mi{
    background-color: #c4cff7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #bbcbf3), color-stop(0.00, #d2dafb));
    background: -webkit-linear-gradient(top, #d2dafb 0%, #bbcbf3 88%);
    background: -moz-linear-gradient(top, #d2dafb 0%, #bbcbf3 88%);
    background: -o-linear-gradient(top, #d2dafb 0%, #bbcbf3 88%);
    background: -ms-linear-gradient(top, #d2dafb 0%, #bbcbf3 88%);
    background: linear-gradient(to bottom, #d2dafb 0%, #bbcbf3 88%);
    color: #0071bd;
    font-weight: bold;
    font-size: 14px;
    padding: 3px 5px;
    margin-bottom: 10px;
}

/*見出しの中の点線*/
.mi span{
    display: block;
    border-top: 1px #b1c0ea dashed;
    border-bottom: 1px #b1c0ea dashed;
    padding: 3px 5px;
}

/*みだし（背景白グラデピンク文字）*/
.mi2{
    padding: 3px 5px;
    color: #0071bd;
    font-weight: bold;
    font-size: 13px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f8f8f8));
    background: -webkit-linear-gradient(left top, left bottom, #fff, #f8f8f8);
    background: -moz-linear-gradient(left top, left bottom, #fff, #f8f8f8);
    background: linear-gradient(to bottom, #fff, #f8f8f8);
    border-bottom: 1px #d9d9d9 solid;
    margin-bottom: 10px;
}

/*このページの上に戻るボタン*/
.link_to_top{
    display: block;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px #acacac solid;
    background-color: #e1e1e1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e1e1e1));
    background: -webkit-linear-gradient(left top, left bottom, #fff, #e1e1e1);
    background: -moz-linear-gradient(left top, left bottom, #fff, #e1e1e1);
    background: linear-gradient(to bottom, #fff, #e1e1e1);
    padding: 10px;
    text-decoration: none;
    color: #979797;
}

/* ----------------------------- */
/* トップページアコーディオン  */
/* ----------------------------- */
.info{
    border:1px #dedede solid;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 5px 0;
}

.InfoButton{
    padding: 7px 2px 7px 7px;
    cursor:pointer;
    display: block;
    background-color:#0171bc;
    color: #fff;
    font-weight: bold;
}

.InfoButton:hover{
/*    background-color: #b4d8dc;*/
}

.InfoButton p{
    background: url(/sp/image/common/i_plus.png) no-repeat right 50%;
    padding-right: 15px;
}

.InfoButton p.open{
    background: url(/sp/image/common/i_min.png) no-repeat right 50%;
}

.InfoBox{
    padding: 5px 10px 10px 10px;
    line-height: 120%;
}

.InfoBox p{
    margin-top: 10px;
}

/* ----------------------------- */
/* メニューボタン群を覆う角丸の枠  */
/* ----------------------------- */
.b_wrap{
    border:1px #dedede solid;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 5px 0;
}

/* ----------------------------- */
/* メニューボタンのタイトル      */
/* ----------------------------- */
.c_title{
    padding: 5px;
    text-align: center;
    font-weight: bold;
    color: #0171bc;
    border-radius:5px 5px 0 0;
    background-color: #d0e2fd;
}

/* ----------------------------- */
/* メニューボタン                */
/* ----------------------------- */
a.button{
    display: block;
    background-color: #ffffff;
    padding: 1%;
    text-decoration: none;
    background: url(/sp/image/common/i_g_right.png) no-repeat right 50%;
}

a.button:hover{
    background-color: #f6f8fb;
}

/* ----------------------------- */
/* ボタン内画像                  */
/* ----------------------------- */
a.button img{
    float: left;
    margin:3px 10px 0 0;
    width: 30px;
}

/* ----------------------------- */
/* ボタン内テキスト              */
/* ----------------------------- */
.b_title{
    float: left;
    color: #585e6c;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

/*ボタン内テキスト文字のみver.*/
.b_title2{
    color: #585e6c;
    font-size: 13px;
    font-weight: bold;
}

/* ----------------------------------- */
/* PC版へのリンクボタン（トップページ）*/
/* ----------------------------------- */
a.toPC{
    display: block;
    width: 35%;
    margin: 5px auto;
    background-color: #808080;
    padding: 5px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
}

.toPC:hover{
    background-color: #0171bc;
}

/* -------------------------------- */
/* 文章内のリンクをボタン化する装飾 */
/* -------------------------------- */
a.textlink{
    color: #705e54;
    /* ▼枠線 */
    border-style: solid;
    border-width: 1px;
    border-color: #ccc #999 #999 #ccc;
    /* ▼角丸 */
    -webkit-border-radius: 7px; /* Chrome,Safari */
    -moz-border-radius: 7px;    /* Firefox */
    border-radius: 7px;         /* CSS3 */
    /* ▼余白 */
    padding: 0.3em 0.9em;
    margin: 0px 0.3em;
    /* ▼文字装飾 */
    text-decoration: none;
    /* ▼背景 */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); zoom:1; /* IE */
    background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
    background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
    background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
    /* ▼行高 */
    line-height: 2em;
    /* ▼空白・改行の扱い */
    white-space: nowrap;
}


/* -------------------------------- */
/* フッター */
/* -------------------------------- */
#footer{
    background-color: #f6f8fc;
    padding: 10px 0;
    text-align: center;
}

/* -------------------------------- */
/* アクセスマップ */
/* -------------------------------- */
div#map{
    width:90%;
    height:250px;
    margin: 0px auto;
    -webkit-box-sizing: border-box;
    box-sizing:border-box;
}


/* -------------------------------- */
/* 会社概要テーブル */
/* -------------------------------- */
.profile table{
    border-top: 1px #644d26 dotted;
    line-height: 130%;
    margin: 0 0 20px 0;
    width: 100%;
}

.profile tr{
    border-bottom: 1px #644d26 dotted;
}

.profile th{
    padding: 2px;
    vertical-align: top;
    text-align: left;
}

.profile td{
    padding: 2px;
    vertical-align: top;
}

.recruit-table {
    width: 100%;
    margin: 0 0 10px 0;
}

.recruit-table th,
.recruit-table td {
    border: 1px #ddd solid;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

.recruit-table th {
    background: #e5ebf7;
}

/* -------------------------------- */
/* 沿革テーブル */
/* -------------------------------- */
.outline table{
    border-top: 1px #644d26 dotted;
    line-height: 130%;
}

.outline tr{
    border-bottom: 1px #644d26 dotted;
}

.outline th{
    padding: 2px;
    vertical-align: top;
    text-align: left;
    font-weight: normal;
    width: 30%;
}

.profile td{
    padding: 2px;
    vertical-align: top;
}

/* -------------------------------- */
/* 理念 */
/* -------------------------------- */
#shin{
    background-color: #f6fafd;
    border:1px #c0dbf2 solid;
    border-radius:5px;
    padding:10px;
    font-weight: bold;
    font-size: 14px;
    margin: 10px;
    color: #0071bc;
    line-height: 150%;
}


/* -------------------------------- */
/* PC閲覧用 */
/* -------------------------------- */
@media screen and (min-width: 769px){
body,#header{
    width: 320px;
    margin: 0 auto;
    }
}