@charset "Shift_JIS";
* {
    padding: 0;
    margin: 0
}

@media screen and (max-width:640px) {
    * {
        font-size: 16px ;
        max-width: 100% ;
    }
    body,
    a,
    p,
    .main703,
    .main_text,
    .main_text_midashi,
    .bar_denkyu,
    #foot_left,
    .orange_right,
    .service_text,
    #contents p,
    #contents .topic_1 {
        font-size: 16px !important
    }
    h1 {
        font-size: 18px ;
        font-weight: bold;
        line-height: 1.7 ;
    }
    h2 {
        font-size: 25px !important;
        font-weight: bold
    }
    .main703 h2,
    .main703 {
        margin-left: 0 !important
    }
    .topic-path {
        width: 92% !important;
        margin: 10px auto !important
    }
    table,
    table tr td,
    th,
    .s_th,
    .s_td {
        width: 97%
    }
    table tr td,
    th {
        padding: 15px 10px !important
    }
    .s_td {
        padding-left: 0 !important
    }
    #main223,
    #head_navi_top {
        display: none
    }
    #footer_navi ul li {
        padding-right: 40px;
        line-height: 2.5
    }
    #copyright {
        width: 100%
    }
    #foot_left {
        max-width: 100%
    }
    #gnavi-bg,
    #head_navi,
    /* #head-bg, */
    #globalnavi,
    .news_tit,
    #left-sidebar,
    #right-sidebar {
        display: none !important
    }
    .sp_header {
        background-color: #fff;
        display: block;
        height: auto;
        align-items: center
    }
    #sp-logo {
        display: block
    }
    #sp-logo img {
        width: 200px;
        padding: 0
    }
    #gnavi-bg,
    #head_navi {
        display: none
    }
 
    .menu {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1;
        width: 80vw;
        height: 104vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #555
    }
    .menu.is-active {
        width: 105vw
    }
    .menu__item {
        width: 100%;
        height: auto;
        padding: .5em 1em;
        text-align: center;
        color: #fff !important;
        box-sizing: border-box;
        font-size: 3rem
    }
    .menu__item a {
        color: #fff !important;
        text-decoration: none
    }
    .menu {
        transform: translateX(100vw);
        transition: all .3s linear
    }
    .menu.is-active {
        transform: translateX(0)
    }
}


}
li {
    list-style-image: none;
    list-style-type: none
}
img {
    border-width: 0;
    border-style: none;
    margin: 0;
    padding: 0
}
a:link,
a:visited {
    color: #17a2b8;
    /* text-decoration: underline */
}
a:hover {
    color: #999
}
.s-navi-sangyoi a:link {
    color: #060;
    text-decoration: none
}
.s-navi-sangyoi a:visited {
    color: #060
}
.s-navi-sangyoi a:hover {
    color: #68b500
}
.s-navi-mental a:link {
    color: #069;
    text-decoration: none
}
.s-navi-mental a:visited {
    color: #069
}
.s-navi-mental a:hover {
    color: #5fb9c9
}
.s-navi-aneiho a:link {
    color: #933;
    text-decoration: none
}
.s-navi-aneiho a:visited {
    color: #933
}
.s-navi-aneiho a:hover {
    color: #dc9a89
}
.r-link-li a:link,
.r-link-li a:visited {
    color: #666;
    text-decoration: none;
    font-weight: bolder
}
.r-link-li a:hover {
    color: #036;
    text-decoration: underline
}
#aboutdt a:hover {
    color: #ce5a4e;
    text-decoration: none
}
#aboutdt a:link,
#aboutdt a:visited,
.news a:link,
.news a:visited {
    color: #ce5a4e;
    text-decoration: underline
}
.news a:hover {
    color: #ce5a4e;
    text-decoration: none
}
#footbox a:link,
#footbox a:visited {
    color: #666;
    text-decoration: none
}
#footbox a:hover {
    color: #006948;
    text-decoration: underline
}
.color_1 {
    color: #066;
    font-weight: 700;
    text-decoration: underline
}
.color_2,
.color_3 {
    color: #f60
}
.color_3,
.color_4 {
    font-weight: 700
}
.color_4 {
    font-size: 14px;
    color: #9fc24d;
    text-decoration: underline
}
.lead01 {
    font-size: 9pt
}
.lead02 {
    background-color: #ffe0d9;
    font-weight: 700;
    color: #000
}
.lead03 {
    background-color: #bce4ef;
    font-weight: 700
}
.lead01,
.lead04 {
    font-weight: 700;
    color: #396;
    line-height: 1.5em
}
.lead04 {
    font-size: 14px
}
.lead05 {
    font-size: 9pt;
    color: #999
}
.col01,
.lead05 {
    font-weight: 700
}
.col01 {
    color: #ea5654
}
.col02 {
    color: #bc8099
}
.col02,
.col03 {
    font-weight: 700
}
.col03 {
    color: #7a77ab
}
.col04 {
    color: #df8511
}
.col04,
.col05 {
    font-weight: 700
}
.col05 {
    color: #4b73b9
}
.col06 {
    color: #f8b100;
    font-size: 1pc;
    background-color: #fff
}
.col06,
.col07 {
    font-weight: 700
}
.col07 {
    color: #6fbf33
}
.col08 {
    color: #f39800
}
.col08,
.col09 {
    font-weight: 700
}
.col09 {
    color: #999
}
.red {
    color: #cb4746
}
.blue,
.red {
    font-weight: 700
}
.blue {
    color: #7b9cd3
}
.green {
    color: #88bb3c
}
.green,
.orange {
    font-weight: 700
}
.orange {
    color: #f39800
}
#wrapper {
    text-align: left;
    width: 1000px;
    overflow: hidden
}
#head_navi,
#wrapper {
    margin-right: auto;
    margin-left: auto
}
#head_navi {
    height: 75px;
    margin-top: 5px;
    width: 765pt
}
#head_navi #logo {
    float: left;
    height: 55px;
    width: 226px
}
#head_navi #head_tel {
    float: right;
    height: 75px;
    width: 313px
}
#head_tel img {
    margin-right: 5px
}
#head_link {
    height: 15px;
    width: 545px;
    float: left;
    margin-top: 47px;
    text-align: right;
    font-size: 9pt
}
#header {
    padding-top: 0;
    height: 300px;
    width: 750px;
    margin-right: auto;
    margin-left: auto
}

/* 目次  */
@media screen and (max-width:640px) {
#TableOfContents {
    margin: 30px auto;
    padding: 30px;
    border-radius: 0px;
    background-color: #f6f6f6;
    max-width: 70%;
}
}
#TableOfContents .contents_p {
    /* text-align: center; */
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
    padding-left: 30px;
    font-size: 1.5rem;
    line-height: 0;
	margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 30px;
    font-weight: bold;
    unicode-bidi: isolate;
    color: #bb4239;
    display: inline-block;
	width: auto!important;
}

#TableOfContents .contents_p:before {
    content: '';
    position: absolute;
    bottom: -7px;
    display: inline-block;
    width: 60px;
    height: 3px;
    left: 70%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #bb4239;
    border-radius: 2px;
}
.TableOfContents_ul {
    padding-left: 20px;
}

@media screen and (max-width: 768px) {
    #TableOfContents small {
        display: block;
        margin-top: 4px;
        text-indent: 17px;
    }
}
.list-flexbox {
    display: flex;
    text-align: left;
}
.list-box {
    margin: 30px;
    width: 50%;
}
.list_chird li {
    text-indent: 20px;
    font-size: 14px;
    list-style-type: disc;
}
#head_img {
    margin: 0;
    padding: 0;
    height: 221px;
    width: 750px;
}
.form_b {
    margin-top: 10px
}
.form_b,
.form_b175 {
    height: 61px;
    width: 540px;
    float: right
}
.form_b175 {
    margin-top: 175px
}
#globalnavi {
    width: 765pt;
    height: 42px
}
#globalnavi,
.news_tit {
    margin-right: auto;
    margin-left: auto
}
.news_tit {
    font-size: 9pt;
    font-weight: 700;
    margin-bottom: 5px;
    width: 490px;
    color: #87b320;
    text-decoration: none
}
.news_moji {
    width: 5in;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 13px;
    line-height: 1.5em;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px
}
.mx-40 {
	margin: 0px 2px;
	box-shadow: 2px 2px 2px 2px #BBBBBB;
}
.banner-pc {
    display: block
}
.banner-sp {
    display: none
}
@media screen and (max-width:640px) {

    .banner-pc {
        display: none
    }
    
    .banner-sp {
        display: block;
        margin-top: 80px;
    }
    
    #right-sidebar,
    #left-sidebar {
        display: none !important
    }
    
    #mainimg,
    #right-sidebar img {
        display: none !important
    }
    
    #right-sidebar img {
        display: none !important
    }
    
    #left-sidebar .s-navi-sangyoi .hokenshi-menu {
        display: none !important
    }
    
    #left-sidebar .anei-menu {
        display: none !important
    }
}
#left-sidebar {
    float: left;
    width: 200px;
    padding-top: 1em;
    padding-bottom: 1em;
    display: block
}
#right-sidebar {
    float: right;
    width: 167px;
    padding-top: 29pt;
    line-height: 1.5em;
    font-size: 11px;
    background-image: url(../pict/rightbox-bg.png);
    background-repeat: no-repeat;
    background-position: top;
    margin-top: 19px;
    display: block
}
#footer {
    clear: both;
    padding-bottom: 20px;
    height: auto;
    background-color: #f4f4f4
}
#footer,
.grmoji {
    margin-right: auto;
    margin-left: auto
}
.grmoji {
    font-weight: 700;
    color: #066;
    font-size: 9pt
}
.midasi {
    font-size: 9pt;
    color: #666;
    font-weight: 400
}
.topics {
    color: #ff7300;
    text-decoration: underline;
    margin-bottom: 5px;
    margin-left: 20px
}
.topic,
.topics {
    font-size: 14px;
    font-weight: 700
}
.notice {
    color: #00822b;
    font-size: 11px
}
.danraku {
    border-left: solid 30px #fff;
    margin-left: 30px
}
#contents p {
    font-size: 12pt;
}
@media screen and (max-width:640px) {
    #contents p {
        width: 90%;
        margin: 0 auto;
        line-height: 1.5;
        font-size: 2rem
    }
    
    #container-inner {
        width: 95% /*!important*/;
        margin: 0 auto;
        float: none;
    }
    
    #contents {
        width: 90% !important;
        margin: 0 auto;
    }
    
    h2 {
        background-size: cover;
        height: auto;
        width: 100% !important;
        padding: 0;
        line-height: 1.5;
        background-image: none;
        color: #FFF;
        text-indent: 30px
    }
}
#contents .news_tit img,
#head_link img {
    vertical-align: text-top
}
.moji01 {
    text-align: center
}
.index_box {
    height: auto;
    width: 510px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../pict/index_block_bg.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 8px 10px;
    position: relative;
    top: -10px
}
.index_box .timg_top {
    width: 300px;
    left: 217px;
    top: 14px;
    color: #02569c;
    text-decoration: underline
}
.index_box .timg_btm {
    position: absolute;
    width: 271px;
    left: 226px;
    top: 8pc;
    height: auto;
    line-height: 1.6em
}
.index_box .timg_fot {
    position: absolute;
    width: 470px;
    left: 31px;
    top: 203px;
    text-align: center;
    font-weight: 700;
    color: #ee6b40;
    line-height: 1.5em
}
.blog_tit1,
.index_box .timg_top {
    position: absolute;
    font-size: 9pt;
    font-weight: 700
}
.blog_tit1 {
    left: 42px;
    top: 145px;
    color: #060
}
.blog_text1 {
    width: 165px;
    left: 19px
}
.blog_tit2 {
    position: absolute;
    left: 232px;
    top: 145px;
    font-size: 9pt;
    font-weight: 700;
    color: #060;
    width: 78px
}
.blog_text1,
.blog_text2 {
    position: absolute;
    top: 170px;
    font-size: 11px;
    line-height: 1.5em
}
.blog_text2 {
    width: 168px;
    left: 207px
}
.blog_tit3 {
    left: 423px;
    width: 142px
}
.blog_text3 {
    position: absolute;
    width: 169px;
    left: 399px;
    top: 170px;
    font-size: 11px;
    line-height: 1.5em
}
.blog_tit3,
.blog_tit4 {
    position: absolute;
    top: 145px;
    font-size: 9pt;
    font-weight: 700;
    color: #060
}
.blog_tit4 {
    left: 802px
}
.blog_text4 {
    left: 785px
}
.blog_tit5 {
    position: absolute;
    left: 612px;
    top: 145px;
    font-size: 9pt;
    font-weight: 700;
    color: #060;
    width: 133px
}
.blog_text4,
.blog_text5 {
    position: absolute;
    width: 163px;
    top: 170px;
    font-size: 11px;
    line-height: 1.5em
}
.blog_text5 {
    left: 594px
}
.btmspace {
    margin-bottom: 13px
}
.mail {
    width: 520px;
    margin: 10px auto;
    line-height: 1.7em
}
ul .melmaga {
    list-style-image: url(../pict/ico_arrow30r_7.gif);
    font-weight: 700
}
#contents .solidbox {
    width: 520px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    display: block;
    overflow: hidden
}
.solidbox .sbimg {
    height: 77px;
    width: 77px;
    margin: 7px;
    float: left
}
.solidbox .sbtext {
    height: auto;
    width: 415px;
    float: right;
    margin-top: 7px;
    margin-right: 7px;
    margin-bottom: 7px
}
#faqList .small_1 {
    color: #fff;
    line-height: 7px
}
#head-bg {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f6f6f6
}
 @media screen and (max-width:640px) {
    #head-bg {
    padding-top: 90px;
 }
}
ul#nav1 li {
    float: left;
    width: 170px;
    height: 42px;
    overflow: hidden
}
#contents #aboutdt {
    height: 265px;
    width: 595px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../pict/aboutdt.png);
    background-repeat: no-repeat;
    position: relative
}
#aboutdt #aboutdt_text {
    position: absolute;
    height: 105px;
    width: 388px;
    left: 204px;
    top: 151px
}
.adleft {
    width: 200px;
    float: left;
    clear: left
}
.adleft,
.adright {
    height: 42px;
    margin-top: 5px;
    margin-bottom: 5px
}
.adright {
    width: 185px;
    float: right;
    clear: right
}
.adlink {
    background-image: url(../pict/ico_arrow30r_5.gif);
    background-repeat: no-repeat;
    font-size: 9pt;
    line-height: 9pt;
    padding-left: 13px;
    background-position: 0 1px;
    margin-bottom: 5px
}
#aboutsangyoi {
    width: 584px;
    margin-right: auto;
    margin-left: auto;
    height: 25pc;
    overflow: hidden;
    margin-top: 15px
}
.asleft {
    height: 275px;
    width: 234px;
    float: left;
    margin-top: 10px
}
.asright {
    width: 340px;
    float: right;
    margin-top: 10px
}
.text14 {
    font-size: 14px;
    line-height: 1.6em
}
.col01 {
    font-weight: 700
}
.btn01 {
    height: 31px;
    overflow: hidden;
    width: 193px;
    float: right;
    margin-top: 5px
}
#tabs .tab {
    margin: 0
}
.rbox-btm {
    height: 5px;
    width: 167px;
    background-image: url(../pict/rightbox-bg-btm.png);
    background-repeat: no-repeat;
    clear: both;
    float: right;
    background-position: bottom
}
.rbox-img {
    font-size: 11px;
    height: auto;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #e4e4e4;
    width: 155px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 3px;
    margin-bottom: 9pt
}
.col10 {
    color: #999
}
.s-navi-sangyoi {
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #b3d465;
    margin-left: 7px;
    margin-bottom: 15px;
    margin-right: 10px
}
.s-navi-sangyoi li {
    margin-left: 8px;
    background-image: url(../pict/ico_arrow17r_3.gif);
    background-repeat: no-repeat;
    background-position: 0 10px;
    text-indent: 8px;
    line-height: 29px
}
.s-navi-sangyoi li a {
    display: block;
    border-bottom-color: #fff
}
.s-navi-sangyoi li a,
.s-navi-sangyoi li a:hover {
    border-bottom-width: 1px;
    border-bottom-style: dotted
}
.s-navi-sangyoi li a:hover {
    border-bottom-color: #d2eab0
}
.s-navi-sangyoi li ul li {
    list-style-image: none;
    list-style-type: none;
    background-image: url(../pict/ico_arrow17r_31.gif);
    background-position: 0 13px
}
.s-navi-mental {
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #b5d1e4;
    margin-left: 7px;
    margin-bottom: 15px
}
.s-navi-mental li {
    margin-left: 8px;
    background-image: url(../pict/ico_arrow17r_4.gif);
    background-repeat: no-repeat;
    background-position: 0 10px;
    text-indent: 8px;
    display: block;
    line-height: 29px;
    margin-right: 8px
}
.s-navi-mental li a {
    display: block;
    border-bottom-color: #fff
}
.s-navi-mental li a,
.s-navi-mental li a:hover {
    border-bottom-width: 1px;
    border-bottom-style: dotted
}
.s-navi-mental li a:hover {
    border-bottom-color: #b8d7e2
}
.s-navi-mental li ul li {
    list-style-image: none;
    list-style-type: none;
    background-image: url(../pict/ico_arrow17r_31.gif);
    background-position: 0 13px
}
.s-navi-aneiho {
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #f6d7d0;
    margin-left: 7px;
    margin-bottom: 15px;
    margin-right: 9pt
}
.s-navi-aneiho li {
    margin-left: 8px;
    background-image: url(../pict/ico_arrow17r_1.gif);
    background-repeat: no-repeat;
    background-position: 0 10px;
    text-indent: 8px;
    display: block;
    line-height: 29px
}
.s-navi-aneiho li a {
    display: block;
    border-bottom-color: #fff
}
.s-navi-aneiho li a,
.s-navi-aneiho li a:hover {
    border-bottom-width: 1px;
    border-bottom-style: dotted
}
.s-navi-aneiho li a:hover {
    border-bottom-color: #eab8b0
}
.s-navi-aneiho li ul li {
    list-style-image: none;
    list-style-type: none;
    background-image: url(../pict/ico_arrow17r_31.gif);
    background-position: 0 13px
}
#fortop {
    clear: both;
    height: 35px;
    /* width: 750px; */
    text-align: right;
    padding-top: 10px
}
#footer #footbox,
#fortop {
    margin-right: auto;
    margin-left: auto
}
#footer #footbox {
    width: 765pt;
    overflow: hidden;
    margin-bottom: 10px;
    padding-top: 15px
}
.footnavi ul {
    line-height: 27px
}
@media screen and (max-width:640px) {
    #footbox .footnavi ul li {
        background-image: none !important;
        text-indent: 0;
        font-size: 2rem !important;
        float: none !important;
        line-height: 2
    }
}
#footbox .footnavi ul li {
    background-image: url(../pict/ico_arrow30r_4.gif);
    background-repeat: no-repeat;
    background-position: 0 8px;
    text-indent: 13px;
    font-size: 9pt;
    float: left;
    padding-right: 20px
}
#footbox .footnavi ul li ul li {
    background-image: url(../pict/ico_arrow17r_3.gif);
    text-indent: 20px;
    background-position: 9pt;
    font-size: 9pt;
    font-weight: 400
}
#copyright {
    height: 40px;
    width: 765pt;
    margin-right: auto;
    margin-left: auto
}
#footer #copyright #btm-navi {
    height: 15px;
    margin-top: 13px;
    width: 340px;
    float: right
}
#btm-navi ul li {
    float: left;
    background-image: url(../pict/icon_maru.png);
    background-repeat: no-repeat;
    text-indent: 1pc;
    margin-right: 10px
}
#copyright #copy-img {
    float: right;
    height: 40px;
    width: 681px
}
#mainimg,
#right-sidebar img {
    margin-right: auto;
    margin-left: auto
}
#right-sidebar img {
    display: block;
    margin-bottom: 5px
}
#left-sidebar .s-navi-sangyoi .hokenshi-menu {
    background-image: url(../pict/ico_flower5_1.gif);
    text-indent: 1.3em;
    background-position: 0 8px
}
#left-sidebar .anei-menu {
    background-image: url(../pict/ico_flower5_13.gif);
    text-indent: 1.4em;
    background-position: 0 8px
}
.tit01 {
    font-size: 1pc;
    font-weight: 700;
    color: #d7675d
}
.form {
    font-size: 9pt
}
.contact-tit {
    text-align: left;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: top;
    color: #584c44;
    background-repeat: repeat;
    background-image: url(../pict/til_bg.png)
}
textarea {
    margin-bottom: 5px;
    font-size: 9pt
}
.scrollbar,
textarea {
    width: 100%;
    text-align: left
}
.scrollbar {
    overflow: auto;
    height: 65px;
    font-weight: 400;
    border: 1px solid #ddd;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.5em
}
#contents .box-text {
    margin-right: 35px;
    margin-left: 35px;
    margin-bottom: 1em;
    font-size: 13px
}
.topic-path {
    margin-bottom: 15px;
}
.relatedlink {
    height: auto;
    background-color: #fafafa;
    border: 1px dashed #bcbcbc
}
@media screen and (max-width:640px) {
    .relatedlink img {
        width: 30% !important
    }
	.video_container {
		height: auto!important;
	}
}
.relatedlink .r-link-li li {
    font-size: 14px;
    background-image: url(../pict/ico_arrow30r_5.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
    text-indent: 1pc;
    margin-bottom: 0
}
#recruitfinishing {
    width: 25pc;
    height: 63px;
    margin-right: auto;
    margin-left: auto
}
.collection {
    width: 190px;
    float: left
}
.finishing {
    width: 190px;
    float: right
}