@charset "utf-8";
/*------------------------------------------------------------
    格式化
------------------------------------------------------------*/
/* 文本位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* 字体大小（加） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/*字体大小（减） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* 字体粗细 */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
    微调
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
    通用
------------------------------------------------------------*/
    * html .cf {
        zoom: 1;
    }

    *+html .cf {
        zoom: 1;
    }

.cf:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}

/*------------------------------------------------------------
    pageTop
------------------------------------------------------------*/
.pageTop {
    position: absolute;
    /*top: -1px;*/
	top: 13px;
    right: 0;
}

.pageTop a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/*------------------------------------------------------------
    mainVisual
------------------------------------------------------------*/
.mainVisual {
    margin-bottom: 11px;
    padding-top: 70px;
    min-height: 135px;
    text-align: center;
    background: url(/img/common/main_visual_bg.jpg) no-repeat center top;
    background-size: cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/common/main_visual_bg.jpg',  sizingMethod='scale');
}
#recruiting .mainVisual {
    box-sizing: initial;
}

.mainVisual .pageTtl {
    font-size: 26px;
    color: #fff;
    letter-spacing: 3px;
    font-family: Century Gothic;
}

.mainVisual .pageTtl span {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    display: block;
}

.mainVisual.fixed {
    margin: 63px 0 11px 0;
}

/*------------------------------------------------------------
    mainBox
------------------------------------------------------------*/
#main .mainBox {
    margin: 0 auto 140px;
    max-width: 1000px;
}

/*------------------------------------------------------------
    title
------------------------------------------------------------*/
#main .headLine01 {
    margin-bottom: 33px;
    padding: 12px 0 9px 0;
    color: #FFF;
    font-size: 2.6em;
    text-align: center;
    background: url(/img/common/headline01_bg.png) no-repeat left top;
}

#main .headLine02 {
    margin-bottom: 25px;
    padding-bottom: 4px;
    position: relative;
    color: #1f9bd9;
    font-size: 3.0em;
    border-bottom: 3px solid #1F9BD9;
}

#main .headLine02 span {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #D9EAF3;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-style: italic;
}

#main .headLine03 {
    margin-bottom: 23px;
    padding-left: 24px;
    font-size: 2.2em;
    background: url(/img/common/line01.gif) no-repeat left top;
}

.blueTitle {
    color: #1463a7;
}

/*------------------------------------------------------------
    comLinkList
------------------------------------------------------------*/
#main .comLinkList {
    margin: 0 auto;
    width: 566px;
}

#main .comLinkList li {
    padding-left: 86px;
    float: left;
}

#main .comLinkList li:first-child {
    padding-left: 0;
}

#main .comLinkList li a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/*------------------------------------------------------------
    comContactBox
------------------------------------------------------------*/
#main .comContactBox {
    padding: 44px 0 45px;
    background: url(/img/common/com_bg01.jpg) no-repeat center center;
    background-size: cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/common/com_bg01.jpg',  sizingMethod='scale');
}

#main .comContactBox .contactBox {
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
    z-index: 10;
}

#main .comContactBox .ttl {
    margin-bottom: 59px;
    color: #FFF;
    font-size: 1.6em;
}

#main .comContactBox .ttl span {
    margin: 2px 36px 0 0;
    display: inline-block;
    font-size: 1.4em;
    font-weight: bold;
    vertical-align: middle;
}

#main .comContactBox .telBox {
    width: 530px;
    float: left;
}

#main .comContactBox .telBox .ttlImg {
    float: left;
}

#main .comContactBox .telBox .tel {
    padding-left: 28px;
    float: right;
    border-left: 1px solid #5B92C2;
}

#main .comContactBox .link {
    float: right;
}

#main .comContactBox .link a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/*------------------------------------------------------------
    Default style
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    outline: 0;

    font-size: 1em;
}

body {
    font-size: 62.5%;
    min-width: 1100px;
}

body,
table,
input, textarea, select, option {
    font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

img {
    vertical-align: top;
}

a:link {
    color: #090909;
    text-decoration: none;
}

a:visited {
    color: #090909;
    text-decoration: none;
}

a:hover {
    color: #090909;
    text-decoration: underline;
}

a:active {
    color: #090909;
    text-decoration: underline;
}

/*------------------------------------------------------------
    レイアウト
------------------------------------------------------------*/
body {
    color: #090909;
    text-align: center;
    line-height: 1.5;
    background-color: #FFF;
}

#container {
    position: relative;
    text-align: left;
}

#main {
    padding-top: 41px;
    position: relative;
}

#main .bgBox {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
}

#main .bgBox img {
    width: 100%;
    height: auto;
}

    * html #main {
        zoom: 1;
    }

    *+html #main {
        zoom: 1;
    }

#main:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}

/*------------------------------------------------------------
    header
------------------------------------------------------------*/
#header .hBoxBg {
    padding: 15px 0 20px;
    background: url(/img/common/h_bg.jpg) no-repeat center top;
    background-size: cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/common/h_bg.jpg',  sizingMethod='scale');
}

#header .hBox {
    margin: 0 auto;
    max-width: 1048px;
    position: relative;
    z-index: 10;
}

#header .logo {
    float: left;
}

#header .logo img {
    max-width: 45vw;
    height: auto;
}

#header .conBox {
    padding: 2px 23px 0 0;
    min-width: 480px;
    float: right;
}

#header .headerTitle {
    color: #fff;
    font-size: 1.25em;
    padding: 0 0 10px 0;
}

#header .hTelBox {
    margin-bottom: 11px;
}

#header .hTel {
    float: left;
}

#header .hLink {
    float: right;
}

#header .hLink a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#header .hTxt {
    color: #FFF;
    font-size: 1.23em;
    text-align: right;
}
/*------------------------------------------------------------
    gNavi
------------------------------------------------------------*/
#gNavi {
    padding: 23px 0 20px;
    width: auto;
    background: #fff;
}

#gNavi li {
    display: table-cell;
}

#gNavi li img {
    width: 100%;
    height: auto;
}

#gNavi li a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#gNavi .naviUl {
    margin: 0 auto;
    max-width: 1000px;
}

#gNavi li a span {
    display: none;
}

/*------------------------------------------------------------
    pagePath
------------------------------------------------------------*/
#pagePath {
    margin: 0 auto 5px;
    max-width: 1006px;
}

#pagePath li {
    margin-right: 9px;
    display: inline;
    color: #1c1c1c;
    font-size: 1.5em;
}

#pagePath li a {
    margin-right: 12px;
    color: #1c1c1c;
}

/*------------------------------------------------------------
    footer
------------------------------------------------------------*/
#footer {
    border-top: 1px solid #E4E4E4;
}

#footer .fBox {
    padding: 28px 0 29px;
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
}

#footer .fNavi{
	/*width:900px;*/
}

#footer .spBox{
	margin-bottom:10px;
}

#footer .fNavi li {
    display: inline;
    color: #111;
    font-size: 1.2em;
}

#footer .fNavi li a {
    /*margin: 0 46px 0 7px;*/
	margin: 0 20px 0 7px;
}

#footer .copyright {
    padding: 24px 0 23px;
    background-color: #1463A7;
}

#footer .fTxt {
    margin: 0 auto;
    max-width: 1000px;
    color: #FFF;
    font-size: 1.2em;
}



/*------------------------------------------------------------
    index
------------------------------------------------------------*/
#top #header .hBoxBg {
    margin-bottom: 0;
    padding-bottom: 50px;
    background: url(/img/index/h_bg.jpg) no-repeat right 35% top fixed;
    background-size: cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/index/h_bg.jpg', sizingMethod='scale');
}

#top #header .hBox {
    margin-bottom: 60px;
}

#top #header .txtImg {
    margin: 0 auto;
    max-width: 1000px;
}

#top #header .txtImg img {
    max-width: 50vw;
    height: auto;
}

#top #gNavi {
    /*margin: 0 0 27px;170303*/
    padding: 23px 0 20px;
    width: 100%;
    background-color: #1463A7;
}

#top #gNavi.fixed {
    position: fixed;
    z-index: 100;
    width: 100%;
    top: 0;
    transition: all 1s;
    opacity: 0.9;
}

#gNavi.fixed {
    position: fixed;
    z-index: 100;
    width: 100%;
    top: 0;
    transition: all 1s;
    opacity: 0.9;
}

#top #gNavi .naviUl {
    margin: 0 auto;
    max-width: 1000px;
    /*display: table;*/
}

#top .newsBox {
    margin: 27px auto 25px;
    max-width: 1000px;
}

#top .newsBox.fixed {
    margin: 63px auto 25px;
}

#top .newsBox .h2Ttl {
    margin-top: 12px;
    float: left;
}

#top .newsBox .newsDl {
    width: 760px;
    float: right;
    font-size: 1.4em;
    background: url(/img/index/line01.gif) no-repeat left 1px;
}

#top .newsBox .newsDl dt {
    margin: 11px 0 0 40px;
    padding: 1px 5px 2px;
    min-width: 120px;
    float: left;
    color: #FFF;
    text-align: center;
    background-color: #2EA9E9;
}

#top .newsBox .newsDl dd {
    padding: 11px 0 0 200px;
    line-height: 1.7;
}

#top #main {
    padding-top: 0;
    background: none;
}

#top #main .content {
    padding: 75px 0 132px;
    background: url(/img/index/main_bg.gif) no-repeat center top  fixed;
    background-size: cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/index/main_bg.gif',  sizingMethod='scale');
}

#top #main .h2Ttl {
    margin-bottom: 30px;
    text-align: center;
}

#top #main .text01 {
    margin-bottom: 39px;
    font-size: 1.6em;
    line-height: 2.0;
    text-align: center;
}

#top #main .linkUl {
    margin: 0 auto;
    max-width: 1052px;
}

#top #main .linkUl li {
    padding-left: 40px;
    position: relative;
    float: left;
    z-index: 10;
}

#top #main .linkUl li:first-child {
    padding-left: 0;
}

#top #main .linkUl li a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#top #main .specialistBox {
    margin-top: -100px;
    position: relative;
    z-index: 10;
}

#top #main .specialistBox .photo img {
    width: 100%;
    height: auto;
}

#top #main .specialist {
    margin-left: -500px;
    width:1000px;
    max-width: 1000px;
    position: absolute;
    top: 134px;
    left: 50%;
}

#top #main .specialist .txtBox {
    width: 498px;
    position: absolute;
    right: 0;
    top: 0;
    color: #FFF;
}

#top #main .specialist .txtBox .h3Ttl {
    margin: 0 0 50px 0;
}

#top #main .specialist .txtBox .text {
    font-size: 1.6em;
    line-height: 2.2;
}

#top #main .specialist .txtBox .ttl {
    margin-bottom: 6px;
    font-size: 2.3em;
    font-weight: bold;
}

#top #main .greetingBox {
    margin-top: -9%;
    position: relative;
}

#top #main .greeting {
    margin-left: -505px;
    max-width: 1010px;
    position: absolute;
    top: 134px;
    left: 50%;
}

#top #main .greeting .txtBox {
    width: 624px;
    position: absolute;
    left: 8px;
    top: 41px;
}

#top #main .greetingBox .photo1 img {
    width: 100%;
    height: auto;
}

#top #main .greetingBox .photo2 {
    -webkit-clip-path: polygon(0 50%, 100% 15%, 100% 100%, 0% 100%);
    clip-path: polygon(0 50%, 100% 15%, 100% 100%, 0% 100%);
    background: url(/img/index/parallax_02.png) no-repeat center top fixed;
    /* display: block; */
    height: 360px;
    margin: -10% 0 0 0;
    background-size: cover;
}

#top #main .greeting .txtBox .h3Ttl {
    margin: 0 0 50px 0;
}

#main .greeting .txtBox .text {
    font-size: 1.6em;
    line-height: 2.2;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff;
}

#top #main .greeting .txtBox .ttl {
    margin-bottom: 3px;
    font-size: 2.3em;
    font-weight: bold;
}

#top #main .flowBox {
    background: url(/img/index/flow_box_bg.gif) no-repeat center top;
    background-size: cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/index/flow_box_bg.gif',  sizingMethod='scale');
}

#top #main .flow {
    padding: 83px 0 78px;
    margin: 0 auto;
    max-width: 996px;
}


#top #main .flow .lBox {
    padding-right: 30px;
    max-width: 466px;
    float: left;
    border-right: 1px solid #C9C9C9;
}

#top #main .flow .rBox {
    max-width: 458px;
    float: right;
}

#top #main .flow .h3Ttl {
    margin: 0 0 41px 3px;
}

#top #main .flow .txtImg {
    margin-bottom: 30px;
}

#top #main .flow .link {
    position: relative;
    text-align: right;
    z-index: 10;
}

#top #main .flow .link a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#top #main .flow .lBox .text {
    padding-bottom: 11px;
}

#top #main .flow .text {
    color: #4a4a4a;
    font-size: 1.4em;
    line-height: 1.85;
}

#top #main .flow .flowDl {
    color: #656565;
}

#top #main .flow .flowDl dd {
    margin-bottom: 13px;
    font-size: 1.4em;
    line-height: 1.65;
}

#top #main .flow .rBox dt {
    margin-bottom: 7px;
    font-size: 1.6em;
    font-weight: bold;
}

#top #main .photoUl {
    margin-bottom: 50px;
}

#top #main .photoUl li {
    width: 49.6%;
    float: left;
}

#top #main .photoUl li:first-child {
    width: 50.4%;
}

#top #main .photoUl li img {
    width: 100%;
    height: auto !important;
}

#top #main .linkList {
    margin: 0 auto 54px;
    max-width: 1000px;
}

#top #main .linkList li {
    padding-left: 13px;
    float: left;
}

#top #main .linkList li:first-child {
    padding-left: 0;
}

#top #main .linkList li a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}



/*------------------------------------------------------------
low
------------------------------------------------------------*/
#service #main,
#case #main,
#used #main,
#product #main,
#company #main,
#contact #main,
#privacy #main,
#sitemap #main,
#link #main,
#soliloquy #main,
#recruiting #main {
    background: url(/img/common/main_bg.gif) no-repeat fixed;
}



/*------------------------------------------------------------
case
------------------------------------------------------------*/
#case #main .text {
    margin-bottom: 28px;
    font-size: 1.5em;
}

#case #main .photoUl {
    margin-bottom: 33px;
}

#case #main .photoUl li {
    padding-left: 24px;
    float: left;
}

#case #main .photoUl li:first-child {
    padding-left: 0;
}

#case #main table {
    margin-bottom: 61px;
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

#case #main th,
#case #main td {
    padding: 10px 25px;
    font-size: 1.4em;
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
    border: 1px solid #B5B5B5;
}

#case #main tr:nth-child(odd) td {
    background: #fafafa;
}

#case #main th {
    color: #1463a6;
    font-size: 1.5em;
    font-weight: normal;
    text-align: center;
}

#case #main thead th {
    background-color: #E8F7FF;
}



/*------------------------------------------------------------
    used
------------------------------------------------------------*/
#used #main .headLine01 {
    padding: 10px 0 5px;
    margin-bottom: 35px;
    font-size: 3.0em;
}

#used #main .text {
    margin-bottom: 25px;
    font-size: 1.5em;
}

#used #main .linkList {
    margin: -17px -26px 28px 0;
}

#used #main .linkList li {
    margin: 17px 26px 0 0;
    float: left;
}

#used #main .linkList li a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#used #main .imgBox {
    margin-bottom: 55px;
    padding: 21px 19px;
    border: 1px solid #E7E7E7;
}

#used #main .imgBox .photoUl {
    margin-top: 3px;
    width: 481px;
    float: left;
}

#used #main .imgBox .photoUl li {
    margin-top: 12px;
}

#used #main .imgBox .photoUl li:first-child {
    margin-top: 0;
}

#main .imgBox .photoBox {
    float: left;
}

#used #main .imgBox .textBox {
    margin-top: 5px;
    width: 438px;
    float: right;
}

#used #main .imgBox .textBox .headLine03 {
    padding-left: 12px;
}

#used #main .imgBox .textBox .h3Ttl {
    margin-bottom: 17px;
}

#used #main .imgBox .textBox .text {
    font-size: 1.6em;
    line-height: 1.85;
}

#used #main .imgBox .textBox .text01 {
    margin-bottom: 33px;
}

#used #main .imgBox .textBox .text02 {
    margin-bottom: 21px;
}

#used #main .imgBox .textBox .text03 {
    margin-bottom: 29px;
}

#used #main .imgBox .textBox .link a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#used #main .imgBox .textBox .linkUl {
    margin-bottom: 31px;
}

#used #main .imgBox .textBox .linkUl li {
    padding-left: 14px;
    float: left;
}

#used #main .imgBox .textBox .linkUl li:first-child {
    padding-left: 0;
}

#used #main .imgBox .textBox .linkUl li a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#used #main .comLinkList {
    padding-top: 16px;
}



/*------------------------------------------------------------
    service
------------------------------------------------------------*/
#service #main .headLine01 {
    margin-bottom: 33px;
    padding: 10px 0 5px;
    font-size: 3.0em;
}

#service #main .mainBox .txt {
    margin-bottom: 29px;
    font-size: 1.6em;
    line-height: 1.9;
}

#service #main .headLine02 {
    margin-bottom: 31px;
}

#service #main .photo {
    margin-bottom: 40px;
}

#service #main .mainBox .text {
    margin-bottom: 40px;
}

#service #main .imgBox {
    margin-bottom: 77px;
}

#service #main .imgBox .photoBox {
    float: left;
}

#service #main .imgBox .textBox {
    width: 500px;
    float: right;
}

#service #main .photo01 {
    margin-bottom: 45px;
}

#service #main p span {
    font-weight: bold;
}

#service #main .mainBox .text02 {
    margin-bottom: 39px;
}

#service #main .imgBox01 {
    margin-bottom: 100px;
}

#service #main .h2Ttl {
    margin-bottom: 40px;
}

#service #main .txtImg {
    margin-bottom: 22px;
}

#service #main .mainBox .text01 {
    margin-bottom: 61px;
}
/*------------------------------------------------------------
    product
------------------------------------------------------------*/
#product #main .headLine01 {
    margin-bottom: 36px;
}

#product #main .text {
    margin-bottom: 25px;
    font-size: 1.5em;
}

#product #main .photoUl {
    margin: -14px -15px 73px 0;
}

#product #main .photoUl li {
    margin: 14px 15px 0 0;
    width: 323px;
    float: left;
}

#product #main .photoUl li .ttl {
    margin-bottom: 15px;
    padding-left: 16px;
    font-size: 1.6em;
    font-weight: bold;
    background: url(/img/common/icon/icon01.gif) no-repeat left 9px;
}

#product #main .photoUl01 li .ttl {
    margin-bottom: 10px;
    font-size: 1.5em;
    background: url(/img/common/icon/icon01.gif) no-repeat left 6px;
}

#product #main .photoUl li .ttl span {
    margin-left: 12px;
    font-size: 0.75em;
}

#product #main .photoUl01 {
    margin-bottom: 82px;
}

#product #main .txtUl {
    margin: -6px 0 21px;
}

#product #main .txtUl li {
    margin-top: 6px;
    padding-left: 19px;
    width: 244px;
    float: left;
    font-size: 1.6em;
    font-weight: bold;
    background: url(/img/common/icon/icon01.gif) no-repeat left 7px;
}

#product #main .txtUl .wid01 {
    width: 187px;
}

#product #main .photoUl02 {
    margin-right: -14px;
}

#product #main .photoUl02 li {
    margin-right: 14px;
    width: 324px;
}



/*------------------------------------------------------------
    contact
------------------------------------------------------------*/
#contact .headLine01 {
    margin-bottom: 38px;
    padding: 8px 0 7px;
    font-size: 3.0em;
}

#contact #main .text {
    font-size: 1.6em;
    line-height: 1.85;
}

#contact .ttlBox {
    margin-bottom: 37px;
    padding: 29px 16px 30px 20px;
    border: 1px solid #B5B5B5;
    background-color: #FFF;
}

#contact .ttlBox .h3Ttl {
    margin-bottom: 28px;
}

#contact .ttlBox .contactUl {
    margin-bottom: 15px;
}

#contact .ttlBox .contactUl li {
    padding-left: 60px;
    float: left;
}

#contact .ttlBox .contactUl li:first-child {
    padding-left: 0;
}

#contact .ttlBox .contactUl li a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#contact table {
    margin-bottom: 40px;
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

#contact th,
#contact td {
    padding: 10px 10px 10px 13px;
    font-size: 1.6em;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #B5B5B5;
    background-color: #FFF;
}

#contact th {
    padding: 12px 10px 8px 19px;
    color: #1463a6;
    background-color: #E8F7FF;
    overflow: hidden;
}

#contact th .must {
    margin-top: 3px;
    float: right;
}

#contact td input[type="text"] {
    margin: 3px 3px 3px 0;
    font-size: 1em;
    padding: 3px;
}

#contact .wid01[type="text"] {
    width: 736px;
}

#contact .wid02[type="text"] {
    margin: 0 5px 0 8px;
    width: 105px;
}

#contact .wid03[type="text"] {
    width: 574px;
}

#contact td .note {
    margin-left: 8px;
    color: #1463a6;
    vertical-align: middle;
}

#contact td .radioUl {
    padding: 11px 10px 8px;
}

#contact td .radioUl li {
    margin-right: 42px;
    display: inline;
}

#contact td .radioUl li label {
    margin-right: 5px;
}

#contact .thStyle {
    vertical-align: top;
}

#contact .thStyle .must {
    margin-top: 1px;
}

#contact .thStyle .txt {
    width: 160px;
    float: left;
}

#contact td textarea {
    width: 736px;
    height: 150px;
    margin: 3px 3px 3px 0;
}

#contact .submit {
    margin-bottom: 10px;
    text-align: center;
}

#contact .submit li {
    margin: 0 20px;
    display: inline;
}

#contact .submit li input {
    padding: 20px 10px 15px;
    width: 512px;
    cursor: pointer;
    color: #FFF;
    font-size: 2.4em;
    text-align: center;
    vertical-align: top;
    border: 1px solid #EE3939;
    background-color: #EE3939;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    behavior: url(js/pie.htc);
}

#contact .submit li input:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#contact .error {
    background: #EE3939;
    color: #fff;
    display: inherit;
    padding: 4px 5px 3px 10px;
    font-size: 0.75em;
}

#contact #name,
#contact #tel {
    width: 49%;
}

#contact #mail,
#contact #company,
#contact #zip {
    width: 98%;
}

#contact #zip {
    width: 15%;
}

#contact #add {
    width: 76.6%;
}

#contact .sendBtn {
    text-align: center;
}

#contact .btnBack {
    padding: 20px 50px 15px;
    cursor: pointer;
    color: #FFF;
    font-size: 2.4em;
    text-align: center;
    vertical-align: top;
    border: 1px solid #1463A7;
    background-color: #1463A7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    behavior: url(js/pie.htc);
    margin: 0 20px 0 0;
}

#contact .btnSubmit {
    padding: 20px 10px 15px;
    width: 380px;
    cursor: pointer;
    color: #FFF;
    font-size: 2.4em;
    text-align: center;
    vertical-align: top;
    border: 1px solid #EE3939;
    background-color: #EE3939;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    behavior: url(js/pie.htc);
}

#contact .endTitle {
    font-size: 3em;
    text-align: center;
}

#contact .read {
    font-size: 1.5em;
    line-height: 2;
    margin: 20px 0;
    text-align: center;
}



/*------------------------------------------------------------
    privacy
------------------------------------------------------------*/
#privacy .text01 {
    font-size: 1.5em;
    margin: 0 0 40px 0;
}

#privacy .text02 {
    font-size: 1.5em;
    margin: 0 0 40px 0;
}



/*------------------------------------------------------------
company
------------------------------------------------------------*/
#company #main p {
    font-size: 1.5em;
    line-height: 2;
}

#company .textBox {
    margin: 0 0 80px 0;
}

#company .textBox img {
    float: left;
}

#company .textBox p {
    float: right;
    width: 700px;
}

#company #main table,
#recruiting table
 {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 50px 0;
    background: #fff;
}

#company #main th,
#recruiting th {
    background-color: #E8F7FF;
    color: #1463a6;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    border: 1px solid #B5B5B5;
}

#company #main td,
#recruiting td {
    padding: 18px 44px 17px;
    font-size: 16px;
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
    border: 1px solid #B5B5B5;
}

#company .gmap {
    margin: 10px 0 50px 0;
}

#company #main table ul {
    display: inline-block;
    vertical-align: top;
}

#company #main table li {
    /*display: inline-block;*/
    width: 310px;
    padding: 0 20px 0 0;
}

#company .imgBox {
    width: 100%;
    text-align: center;
    margin: 0 0 50px 0;
}

#company .comPdf{
	display: inline-block;
	background:#1462A6;
	padding: 20px 30px;
	color: #fff;
}
#company .comPdf:hover{
	text-decoration: none;
	opacity:.8;
}



/*------------------------------------------------------------
link
------------------------------------------------------------*/
#link .linkList {
    font-size: 1.5em;
    margin: 0 0 50px 0;
}

#link .linkList dt {
    display: inline-block;
    width: 250px;
}

#link .linkList dd {
    display: inline-block;
    width: 740px;
}

#link .linkList dd a {
    color: #209bda;
    text-decoration: underline;
}

#link .linkList dd a:hover {
    text-decoration: none;
}


/*------------------------------------------------------------
sitemap
------------------------------------------------------------*/
#sitemap .left {
    float: left;
}

#sitemap .right {
    float: right;
    width: 50%;
}

#sitemap #main .headLine03 {
    margin-bottom: 10px;
}

#sitemap .headLine03 a {
    text-decoration: underline;
}

#sitemap .siteList {
    font-size: 1.5em;
    margin: 0 0 50px 0;
}

#sitemap .siteList li a {
    color: #209bda;
    text-decoration: underline;
    padding: 3px 0;
    display: inline-block;
}

#sitemap .siteList li a:hover,
#sitemap .headLine03 a:hover {
    text-decoration: none;
}



/*------------------------------------------------------------
soliloquy
------------------------------------------------------------*/
#soliloquy .block {
    margin: 0 0 50px 0;
    /*font-size:1.5em;*/
}

#soliloquy .block .blueTitle{
    font-size:18px;
    margin-top:15px;
    margin-bottom:15px;
}

#soliloquy .block p{
    font-size:1.5em;
    line-height:1.9;
}

#soliloquy .block .left {
    width:476px;
    float: left;
    margin-bottom:40px;
}

#soliloquy .block .right {
    width:484px;
    float: right;
}

#soliloquy p .foBlue {
    color: #1463a7;
    font-weight:bold;
}


/*------------------------------------------------------------
recruit
------------------------------------------------------------*/
#recruit #main .mainBox {
    width: 900px;
    font-size: 1.4em;
}

#recruit .recMain {
    width:950px;
    margin:0 auto;
    line-height: 1.5!important;
}

#recruit .recMaintest {
    width:900px;
    margin:0 auto;
    line-height: 1.5!important;
}

#recruit .imgL {
    float: left;
}

#recruit .imgR {
    float: right;
}

#recruit .recruitTitle {
    margin: 0 0 30px;
}

#recruit .contentTxt {
    margin: 0 0 30px;
}

#recruit .recruitMainvisual {
    width: 950px;
    margin: 0 0 0 -25px;
    padding: 20px 0 10px;
    background: url(/img/recruit/mainvisual.png) no-repeat center top;
}

#recruit .recruitMainvisual .title {
    margin: 0 0 70px 35px;
}

#recruit .recruitMainvisual .text {
    margin: -15px 0 0 60px;
}

#recruit .troubleList {
    margin: 0 0 60px;
    padding: 20px;
    background: url(/img/recruit/trouble_bg01.png) repeat;
    position: relative;
    z-index: 100;
}

#recruit .troubleList:after {
    display: block;
    content: "";
    width: 157px;
    height: 33px;
    position: absolute;
    bottom: -32px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 200;
    background: url(/img/recruit/trouble_bg02.png) no-repeat;
}

#recruit .troubleList li {
    display: inline-block;
    width: 144px;
    margin: 0 4px 0 0;
    padding: 15px 10px;
    background: #fff;
    border-radius: 4px;
    font-size: 16px;
    color: #444444;
    text-align: center;
    vertical-align: middle;
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,.2);
    height: 85px;
}

#recruit .troubleList li:last-child {
    margin: 0;
}

#recruit .troubleList li div {
    display: block;
    margin: 10px 0 0;
}

#recruit .troubleList .lead {
    font-size: 22px;
    color: #FF0000;
    font-weight: bold;
}

#recruit .troubleTxtWrap {
    margin: 0 0 0 -20px;
    padding: 30px 0 60px 300px;
    background: url(/img/recruit/trouble_bg03.png) no-repeat;
}

#recruit .troubleTit01 {
    margin: 0 0 8px;
}

#recruit .troubleTit02 {
    margin: 0 0 0 -60px;
    text-align: center;
}

#recruit .featureList {
    margin: 30px 0 0;
}

#recruit .featureList li {
    width: 440px;
    height: 205px;
    height: 205px;
    float: left;
    margin: 0 0 26px;
    background: url(/img/recruit/feature_bg01.png) repeat #fff;
    border: 1px solid #ccc;
}

#recruit .featureList li .lead {
    font-weight: bold;
}

#recruit .featureList li:nth-child(2n) {
    margin: 0 0 26px 16px;
}

#recruit .featureList .listTitle {
    position: relative;
    top: -10px;
    left: 8px;
    margin: 0 0 10px;
}

#recruit .featureList .imgL {
    margin: 0 40px 20px 30px;
}

#recruit .featureList .listTxt {
    padding: 0 20px 20px 0;
}

#recruit .feature {
    padding: 0 0 40px;
}

#recruit .message01 {
    margin: 0 0 80px;
}

#recruit .handling {
    margin: 0 0 80px;
}

#recruit .handlingList {
    padding: 20px;
    background: url(/img/recruit/handing_bg01.png) repeat;
}

#recruit .handlingList li {
    width: 400px;
    float: left;
    padding: 10px;
    background: #fff;
    position: relative;
}

#recruit .handlingList li:first-child {
    margin: 0 18px 0 0;
}

#recruit .handlingList .listTitle {
    position: absolute;
    top: -6px;
    left: -6px;
}

#recruit .handlingList .imgL {
    margin: 0 10px 0 0;
}

#recruit .handlingList p {
    line-height: 1.8;
}

#recruit .voiceSoliloquy {
    margin: 0 0 50px 0;
    text-align: center;
}

#recruit .voiceSoliloquy a {
    background: #eee;
    padding: 15px 100px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border: #ccc 1px solid;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
    background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);
    background: linear-gradient(to bottom, #fff 0%,#eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee',GradientType=0 );
}

#recruit .voiceSoliloquy a:hover {
    text-decoration: none;
    background: #eee;
    background: -moz-linear-gradient(top, #eee 0%, #fff 100%);
    background: -webkit-linear-gradient(top, #eee 0%,#fff 100%);
    background: linear-gradient(to bottom, #eee 0%,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#fff',GradientType=0 );
}

/*#recruit .voice {
    margin: 0 0 60px;
}

#recruit .voiceInner {
    margin: 0 0 20px;
}

#recruit .voiceInner01 {
    padding: 0 20px 0 0;
    background: url(/img/recruit/voice_bg01.png) no-repeat right top;
}

#recruit .voiceInner02 {
    padding: 10px 0 0 30px;
    background: url(/img/recruit/voice_bg02.png) no-repeat left top;
}

#recruit .voiceTitle {
    font-size: 20px;
    color: #FF2626;
    margin: 0 0 10px;
    padding: 20px 0 0;
}

#recruit .voiceInner p {
    padding: 0 0 80px;
}

#recruit .voiceInner .imgL {
    margin: 0 60px 0 0;
}

#recruit .voiceInner .imgR {
    margin: 0 0 0 60px;
}

#recruit .voiceBtnWrap {
    padding: 20px 15px;
    background: #eee;
}

#recruit .voiceBtnWrap li {
    float: left;
}

#recruit .voiceBtnWrap li:first-child {
    margin: 0 8px 0 0;
}*/

#recruit .imageArea {
    margin: 0 0 80px;
}

#recruit .recruit {
    margin: 0 0 80px;
    font-size: 18px;
}

#recruit .recruitTable {
    width: 100%;
    border-collapse: collapse;
}

#recruit .recruitTable th,
#recruit .recruitTable td {
    padding: 20px;
    border: 1px solid #ccc;
    background: #fff;
}

#recruit .recruitTable th {
    width: 160px;
    text-align: center;
    font-weight: bold;
    background: #FFFFE5;
}

#recruit .recruitTable td li {
    list-style: disc;
    margin: 0 0 10px 30px;
}

#recruit .recruitTable td a {
    color: #FF7F00;
}

#recruit .flow {
    margin: 0 0 70px;
}

#recruit .contactArea {
    margin: 0 0 90px;
}

#recruit .messageArea {
    padding: 50px 0 110px;
    background: url(/img/recruit/contact_bg01.png) no-repeat center top;
    position: relative;
    text-align: center;
}

#recruit .messageArea:after {
    display: block;
    content: "";
    width: 272px;
    height: 30px;
    background: url(/img/recruit/arrow01.png) no-repeat;
    position: absolute;
    bottom: 30px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

#recruit .messageArea .title {
    margin: 0 0 20px;
}

#recruit .messageArea .txt {
    font-size: 18px;
}

#recruit .formArea {
    padding: 20px;
    background: url(/img/recruit/contact_bg02.png) repeat;
    border: 1px solid #663300;
}

#recruit .formArea .title {
    margin: 0 0 13px;
}

#recruit .formInner {
    padding: 16px;
    background: #fff;
    position: relative;
}

#recruit .formInner .image {
    position: absolute;
    bottom: 0;
    right: -28px;
    z-index: 50;
}

#recruit .formInner .title02 {
    color: #333333;
    margin: 0 100px 23px 0;
    padding: 0 0 13px;
    border-bottom: 1px dotted #FF8000;
}

#recruit .contactInner {
    margin: 0 0 10px;
}

#recruit .contactInner dt {
    float: left;
    margin: 0 17px 0 0;
}

#recruit .contactInner dd {
    position: relative;
    z-index: 100;
}

#recruit .messageArea02 {
    margin: 0 0 30px;
    padding: 20px;
    border: 1px solid #999;
    background: #fff;
}

#recruit .messageArea02 h2 {
    font-size: 19px;
    font-weight: bold;
    color: #000;
    margin: 0 0 10px;
}


/*------------------------------------------------------------
20170217 追加
------------------------------------------------------------*/
.pc {
    display: initial;
	/*display:block;*/
}
.pc02 {
	display:block;
}

.sp,
#header #gNavi .logo {
    display: none;
}

h2.h2Ttl_sp,
h3.h3Ttl_sp,
#top #main .linkUl_sp {
    display:none;
}



/*------------------------------------Toggle Button*/
#nav-toggle {
    display: none;
    position: absolute;
    right: 16px;
    /*top: 17px;*/
	top: 10px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
	border:#FFF solid 1px;
	padding: 8px 3px 6px 3px;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    /*top: 11px;*/
	top: 8px;
}
#nav-toggle span:nth-child(3) {
    /*top: 22px;*/
	top: 16px;
}


/*------------------------------------nav-tel*/
#nav-tel{
	display: none;
    position: absolute;
    right: 60px;
	top: 10px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
	border:#FFF solid 1px;
	text-align:center;
	padding:2px 0 0 0;
}
#nav-tel img{
    width: 68%;
}


#used #main #a01,
#used #main #a02,
#used #main #a03,
#used #main #a04,
#used #main #a05 {
    margin-top: -100px;
    padding-top: 100px;
}


/*---------------------------------------------------------------------------------------------------------------1024px*/
@media screen and (max-width: 1024px) {
    *, *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    #top #header .txtImg {
        text-align: center;
    }
    .conBox {
    }
    .conBox .hTelBox {
    }
    .conBox .hTelBox.conBox .hTel {
    }
    .conBox .hTel img {
    }
    .conBox .hLink {
    }
    .conBox a {
    }
    .conBox a img {
    }
    .conBox .hTxt {
    }

    .mainVisual {
        padding:40px 0;
    }
    #recruiting .mainVisual {
        box-sizing: border-box;
    }

}


/*---------------------------------------------------------------------------------------------------------------768px*/
@media screen and (max-width: 768px) {
    .pc {
        display: none;
    }
    .sp {
        display: initial;
    }
    body {
        margin: 58px 0 0 0;
        min-width: auto;
    }

    #header .hBox .logo,
    #header .conBox {
        display: none;
    }


    #top #header .hBox {
        margin: 0;
        padding: 10px 5px 0 10px;
    }
    #top #header .hBoxBg {
        padding: 0;
        z-index: 1;
    }
    #top #header .txtImg img {
        max-width: 80vw;
    }

    #top #header .hBoxBg {
        background: url(/img/index/h_bg.jpg) no-repeat right 35% ;
        background-size: cover;
    }

    #header .hBoxBg {
        padding: 15px 15px 7px;
    }

    /*------------------------------------gNavi*/
    #top #gNavi {
        margin: 0;
        padding: 0;
        z-index: 10;
        height: 58px;
    }

    #gNavi {
        margin: 0;
        padding: 0;
        z-index: 10;
        height: 58px;
        width:100%;
    }

    #gNavi {
        position: fixed;
        top: 0;
        padding: 0;
    }

    .mainVisual.fixed {
        margin:0 0 11px 0;
    }

    #gNavi .naviUl {
        width: 100%;
        position: absolute;
        top: 58px;
        background: #2c73b0;
    }
    #gNavi.open .naviUl {
        display: block;
    }
    #gNavi li {
        display: block;
    }
    #gNavi li a {
        display: block;
        color: #fff;
        text-align: center;
        padding: 3% 0;
        font-size: 14px;
        border-top: #4281b8 1px solid;
    }
    #gNavi li a::after {
        content: ">";
        right: 5%;
        position: absolute;
        font-weight: bold;
        opacity: 0.5;
    }
    #gNavi li a img {
        display: none;
    }
    #gNavi li a span {
        display: initial;
    }
    #gNavi .gHeader {
        height: 58px;
        background: #1463A7;
        z-index: 10;
        position: relative;
        display: table;
        width: 100%;
    }
    #top #gNavi .naviUl,
    #gNavi .naviUl {
        top: -650px;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        z-index: 1;
    }

    #top #gNavi.open .naviUl,
    #gNavi.open .naviUl {
        -moz-transform: translateY(708px);
        -webkit-transform: translateY(708px);
        transform: translateY(708px);
        z-index: 1;
    }
    #header #gNavi .logo {
        float: none;
        display: table-cell;
        vertical-align: middle;
    }
    #header #gNavi .logo img {
        max-width: 50vw;
        height: auto;
        padding: 0 0 0 3%;
    }
    /*------------------------------------Toggle Button*/
    #nav-toggle {
        display: block;

    }
    /*------------------------------------#nav-toggle 切り替えアニメーション*/
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }

	/*------------------------------------nav-tel*/
    #nav-tel {
        display: block;

    }

    /*------------------------------------nav-toggle*/
    #nav-toggle {
        display: block;

    }

/*------------------------------------#news*/
    #top .newsBox {
        margin: 50px auto 25px;
        padding:0 15px;
    }
    #top .newsBox.fixed {
        margin: 50px auto 25px;
    }
    #top .newsBox .h2Ttl {
        float: none;
    }
    #top .newsBox .newsDl {
        float: none;
        white-space: 100%;
        background: none;
        margin:15px auto;
        width:100%;
    }


/*------------------------------------.linkUl*/


    #top #main .content {
        padding-top:50px;
    }

    #top #main .linkUl {
        display:none;
    }

    #top #main .linkUl_sp {
        display:block;
    }

    #top #main .linkUl_sp li {
        padding: 5px 15px;
        float: none;
        text-align:center;
    }

    #top #main .linkUl_sp li img {
        width:100%;
    }


/*------------------------------------.specialist*/

    #top #main .specialistBox {
        background: #209bda;
        padding-bottom:20px;
    }
    #top #main .specialist {
        margin-left: 0;
        max-width: 100%;
        position: static;
        top: 0;
        left: 0;
    }

    #top #main .specialist .txtBox {
        width: 100%;
        position: static;
        right: 0;
        top: 0;
        padding:0 15px;
    }

    #top #main .specialist .txtBox .h3Ttl_sp {
        display:block;
        margin: -130px 0 100px 0;
        text-align:right;
    }
    #top #main .specialist .txtBox .ttl {
        margin: -23px 0 34px;
        text-align:left;
        line-height:1.5;
    }

    #top #main .text01 {
        margin-top:15px;
        text-align:left;
        padding:0 15px;
    }

/*------------------------------------.greetingBox*/

    #top #main .greetingBox {
        margin-top: 0;
        position: static;
    }
    #top #main .greeting {
        margin-left: 0;
        max-width: 100%;
        position: static;
        top: 0;
        left: 0;
        padding:0 15px;
    }

    #top #main .greeting .txtBox {
        width: 100%;
        position: static;
        left: 0;
        top: 0;
    }

    #top #main .greeting .txtBox .h3Ttl_sp {
        display:block;
        margin: -130px 0 50px 0;
        color:#000;
    }

    #top #main .greeting .txtBox .ttl {
        margin: -23px 0 34px;
        line-height:1.5;
    }


/*------------------------------------.greetingBox*/

    #top #main .greetingBox .photo2 {
        background: url(/img/index/parallax_02.png) no-repeat center top;
        background-size: cover;
        -webkit-clip-path: none;
        height:200px;
        margin:50px 0 0 ;
    }



/*------------------------------------.flow*/


    #top #main .flow .text,
    #top #main .flow .flowDl dd {
        font-size: 1.6em;
        line-height: 2.2;
    }

    #top #main .flow .lBox {
        padding-right: 0;
        max-width: 100%;
        float: none;
        border-right: none;
    }

    #top #main .flow .lBox .txtImg img {
        width:100%;
        height:auto;
    }

    #top #main .flow .rBox {
        max-width: 100%;
        float: none;
        margin-top:100px;
    }

    #top #main .flow .h3Ttl_sp {
        display:block;
        text-align:center;
        color:#4a4a4a;
        margin: 0 0 16px 0;
    }

    #top #main .flow .link {
        text-align: center;
    }

    #top #main .flow .link a {
        text-align: center;
        font-size: 2em;
        color:#209bda;
        border:1px solid #209bda;
        padding:10px 20px;
        display: block;
        margin:-10px 0;
    }

    #top #main .flow {
        padding: 50px 15px 78px;
    }

    #top #main .flow .flowDl dd {
        margin-bottom:25px;
    }

/*------------------------------------.photoUl*/

    #top #main .photoUl {
        display:none;
    }

/*------------------------------------.linkList*/

    #top #main .linkList {
        margin-bottom:1px;
    }

    #top #main .linkList li {
        padding: 0 0 1px 1px;
        width: 50%;
    }
    #top #main .linkList li:first-child {
        padding-left: 1px;
    }
    #top #main .linkList li img {
        width:100%;
        height:auto;
    }


/*------------------------------------.comContactBox*/

    #main .comContactBox .contactBox {
        padding:0 15px;
    }

    #main .comContactBox .link {
        float: none;
        text-align:center;
    }

    #main .comContactBox .link img {
        margin-top:20px;
    }

    #main .comContactBox .telBox {
        float: none;
        margin:0 auto;
        width:100%;
    }

    #main .comContactBox .ttl {
        text-align:center;
        margin-bottom: 25px;
    }

    #main .comContactBox .ttl span {
        display: block;
        margin: 2px 0 5px 0;
    }

    #main .comContactBox .tel img,
    #main .comContactBox .link img {
        width:100%;
        height:auto;
    }




/*------------------------------------見出し*/

    #top #main .pcTitle,
    #top .newsBox .pcTitle {
        display:none;
    }

    h2.h2Ttl_sp{
        display:block;
        font-size: 26px;
        color: #000;
        letter-spacing: 3px;
        font-family: Century Gothic , Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
        text-align:center;
    }

    h2.h2Ttl_sp span,
    h3.h3Ttl_sp span {
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 1px;
        display: block;
    }

    h3.h3Ttl_sp{
        font-size: 26px;
        color: #fff;
        letter-spacing: 3px;
        font-family: Century Gothic , Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
    }



/*------------------------------------下層スタート*/


    #main {
        padding-top:0;
    }

    #main .headLine01 {
        background:none;
        background-color: #1463a7;
        font-size:2.0em;

    }

    #main .headLine02 span {
        display:none;
    }

    .mainVisual .pageTtl {
        line-height:1.1;
        font-family: Century Gothic , Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
    }

    .mainVisual .pageTtl span {
        margin-top:10px;
    }

    #main .headLine02 {
        border-bottom: 2px solid #1F9BD9;
        padding-bottom:0;
        font-size:2.0em;
        margin: 0 15px 20px;
    }

    #main .headLine03 {
        padding:0 15px;
        font-size:1.8em;
        background:none;
        margin-bottom:10px;
    }

    #main .mainBox {
        margin-bottom:1px;
    }

    #pagePath {
        padding: 0 15px;
        margin-bottom:11px;
    }



/*サービス*/

    #service #main .headLine01 {
        font-size:2.0em;
        margin-bottom:20px;
    }

    #service #main .headLine02 {
        margin: 0 15px 20px;
    }

    #service #main .mainBox .txt {
        padding: 0 15px;
    }

    #service #main .photo img {
        display:none;
    }

    #service #main .photo {
        margin-bottom:20px;
    }

    #service #main .imgBox .photoBox {
        float:none;
        margin-bottom:45px;
        padding: 0 15px;
    }

    #service #main .imgBox .photoBox img {
        width:100%;
        height:auto;
    }

    #service #main .imgBox .textBox {
        width:auto;
        float:none;
    }

    #main .comLinkList{
        width:100%;
    }

    #main .comLinkList li {
        padding: 0 0 1px 1px;
        width: 50%;
    }

    #main .comLinkList li img {
        width:100%;
        height:auto;
    }

    #service #main .txtImg img {
        width:100%;
        height:auto;
        padding:0 15px;
    }

    #service #main p span {
        font-weight:normal;
    }

    #service #main .imgBox01 {
        margin-bottom:50px;
    }

/*実績紹介*/

    #case #main .text {
        padding: 0 15px;
    }

    #case #main .photoUl {
        display:none;
    }

    #case #main #caseTable {
        padding: 0 15px;
    }


/*中古機械*/

    #used #main .headLine01 {
        font-size:2.0em;
    }

    #used #main .text,
    #used #main .linkList {
        padding: 0 15px;
    }

    #used #main .linkList {
        margin:0 0 28px 0;
    }

    #used #main .linkList li {
        margin:17px 0 0 0;
    }

    #used #main .linkList img {
        width:100%;
        height:auto;
    }

    #used #main .imgBox .photoUl li:first-child {
        margin-top:0;
    }

    #main .imgBox .photoBox {
        float:none;

    }

    #main .imgBox .photoBox img {
        width:100%;
        height:auto;
    }

    #used #main .imgBox .photoUl {
        float:none;
        width:auto;
    }


    #used #main .imgBox .photoUl li img {
        width:100%;
        height:auto;
    }

    #used #main .imgBox .textBox {
        float:none;
        width:auto;
        margin:23px 0 0 0;
    }

    #used #main .imgBox .textBox .link img {
        width:100%;
        height:auto;
    }

    #used #main .imgBox .textBox .linkUl {
        margin-bottom:15px;
    }

    #used #main .imgBox .textBox .linkUl img {
        width:100%;
        height:auto;
    }

    #used #main .imgBox .textBox .linkUl li {
        padding:0 2px;
        text-align:center;
        margin-bottom:15px;
        width:50%;
    }

    #used #main .imgBox .textBox .linkUl li:first-child {
        padding:none;
    }


/*工場設備*/

    #product #main .text,
    #product #main .photoUl,
    #product #main .txtUl  {
        padding: 0 15px;
    }

    #product #main .photoUl {
        margin: -14px 0 73px 0;
    }

    #product #main .photoUl img {
        width:100%;
        height:auto;
    }


    #product #main .photoUl li {
        width:auto;
        float:none;
        margin: 14px 0 0 0;
    }

    #product #main .txtUl li {
        width:50%;
    }


/*会社概要*/

    #company #main p,
    #company #companyTable {
        padding:0 15px;
    }

    #company .gmap iframe {
        width:100%;
        padding:0 15px;
    }

    #company .textBox img {
        float:none;
        width:100%;
        height:auto;
    }

    #company .textBox p {
        float:none;
        width:auto;
        margin:15px 0 0 0;
    }

    #company .imgBox img {
        width:100%;
        height:auto;
    }

    #company #main td, #recruiting #main td {
        padding:18px 15px 17px;
    }


    #company #main table li , #recuiting #main table li{
        width:auto;
    }


/*独り言*/

	#soliloquy #main .headLine03 {
		padding:50px 0 0 0;
		border-top:1px solid #ccc;
	}

	#soliloquy #main .spBorderNone {
		border-top:none;
		padding:0;
	}

	#soliloquy #main .block {
		padding: 0 15px;
	}
	#soliloquy .block .right {
		float:none;
		width:auto;
	}

	#soliloquy .block .left {
		float:none;
		width:auto;
	}

	#soliloquy #main .block img {
		width:100%;
		height:auto;
	}


/*サイトマップ*/

    #sitemap .left {
        float:none;
        margin:0 0 50px 0;
    }

    #sitemap .right {
        float:none;
        width:auto;
    }


/*おすすめリンク集*/

    #link .linkList dd {
        margin-bottom:15px;
    }

    #link .linkList dt,
    #link .linkList dd {
        width:auto;
        display:block;
    }


/*お問い合わせ*/

    #contact form {
        padding: 0 15px;
        margin-bottom:30px;
    }

    #contact .ttlBox {
        padding: 0 15px;
        border: none;
        background: none;
    }

    #contact .headLine01 {
        margin-bottom:20px;
    }

    #contact .ttlBox .h3Ttl {
        display:none;
    }

    #contact .ttlBox .h3Ttl_sp {
        display:block;
        color: #000000;
        font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
        font-size: 2.0em;
        font-weight:bold;
        margin-bottom:15px;
    }

    #contact th {
        padding:8px 0 10px 8px;
    }

    #contact .ttlBox .contactUl li {
        padding:0 0 5px 0;
        width:100%;
        float:none;
    }

    #contact .ttlBox .contactUl li img {
        width:100%;
        height:auto;
    }
    #contact #name, #contact #tel,
    #contact #add {
        width:98%;
    }

    #contact #zip {
        width:65%;
    }

    #contact td label {
        display:inline-block;
    }

    #contact td textarea {
        width:98%;
    }

    #contact th .must {
        display:block;
        float:none;
    }

    #contact .thStyle .txt {
        width:auto;
    }

    #contact .submit li input {
        width:80%;
        padding:20px 15px 20px;
        border-radius:3px;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border: 1px solid #EE3939;
        background-color: #EE3939;
        -webkit-appearance: none;

    }

    #contact .btnSubmit {
        width:80%;
        padding:20px 15px 20px;
        border-radius:3px;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;

    }

    #contact .btnBack {
        margin:0 0 10px 0;
    }

    #contact .endTitle {
        font-size:2em;
    }

    #contact .endTitle,
    #contact .read {
        text-align:left;
    }

    #contact .contactTable,
    #contact .endTitle,
    #contact .read {
        padding: 0 15px;
    }

    #privacy .text01,
    #privacy .text02,
    #sitemap .siteList,
    #link .linkList {
        padding: 0 15px;
    }

	#footer .spBox{
		display:none;
	}
	.pageTop {
        top:9px;
    }



}



/*---------------------------------------------------------------------------------------------------------------600px*/
@media screen and (max-width: 600px) {
    #header #gNavi .logo img {
        max-width: 60vw;
    }






/*------------------------------------.comContactBox*/

    #main .comContactBox .telBox {
        margin: 0 auto;
    }

    #main .comContactBox .telBox .ttlImg {
        display:none;
    }

    #main .comContactBox .telBox .tel {
        padding-left: 0;
        float: none;
        border-left: none;
        text-align:center;
    }
    #footer .copyright {
        padding: 24px 0 23px;
        background-color: #1463A7;
        text-align: center;
    }

/*------------------------------------#footer*/
    #footer .fBox {
        padding: 16px 15px 2px;
    }
	#footer .fNavi{
		width:100%;
	}
    #footer .fNavi li {
        display: block;
        font-size: 1.6em;
        margin-bottom:10px;
    }

    .pageTop {
        top:44px;
    }
	#footer .spBox{
		display:none;
	}

}



/*---------------------------------------------------------------------------------------------------------------425px*/
@media screen and (max-width: 425px) {
    #header #gNavi .logo img {
        max-width: 70vw;
    }

/*------------------------------------#news*/

    #top .newsBox {
        padding:0 15px;
    }

    #top .newsBox .newsDl dt {
        margin: 11px 0 0 0;
        float:none;
        text-align:left;
        padding-left:11px;
    }
    #top .newsBox .newsDl dd {
        padding: 11px 0 0 11px;
    }


}



/*---------------------------------------------------------------------------------------------------------------375px*/
@media screen and (max-width: 375px) {
    #top #header .txtImg img {
        max-width: 90vw;
    }
     #header #gNavi .logo img {
        max-width: 65vw;
        height: auto;
        padding: 0 0 0 3%;
    }



/*------------------------------------#news*/

    #top .newsBox .newsDl {
        width:100%;
    }

}