@charset "utf-8";

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 default style reset

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* reset
------------------------*/
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    vertical-align:baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
    display:block;
}

html{
    overflow-y:scroll;
}

body {
    line-height:1;
}

blockquote, q{
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after{
    content:'';
    content:none;
}

input, select{
    vertical-align:middle;
}

input[type="submit"]{
    border:none;
}

input[type="button"]{
    border:none;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}

a:focus{
    outline:none;
}

/* clearfix
------------------------*/
.clearfix:after{
    content:"";
    height:0;
    display:block;
    clear:both;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 common layout

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

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

@media all and (max-width:480px){
    body{
        padding:0 0 11% 0;
    }
}

@media screen and (max-width: 320px) {
  body {
    min-width: 320px;
  }
}

#wrapper{
    margin:0 auto;
    background:url(img/wrapper_bg.gif) repeat 0 0;
    z-index:50;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 header

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

header{
    background:#fff;
}

.h_content{
    max-width:1140px;
    padding: 10px 0;
    margin:0 auto;
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    
    /*position:fixed;
    top:0;
    left:0;
    z-index:100;*/
}

.h_content h1{
    font-size:90%;
    line-height: 1.4;
    display: block;
    font-weight: normal;
    text-align: center;
}

@media all and (max-width:1024px){
    .h_content{
        padding: 10px 20px;
        width: 100%;
    }
}

/* logo
------------------------*/
#logo{
    flex-basis:150px;
    margin:0 0 0 0;
}

#logo a{
    width:320px;
    height:70px;
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    background:url(img/logo.png) no-repeat center center;
    background-size:320px 70px;
}

@media all and (max-width:1150px){
    #logo{
        width:30%;
        max-height:70px;
        margin:1% 0 0;
    }

    #logo a{
        width:auto;
        background-size:contain;
    }
}

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

    h1{
        margin:1%;
    }

    .h_content{
        display: block;
    }

    #logo{
        width:35%;
        margin:3% auto 0 auto;
    }

}

@media all and (max-width:568px){
    #logo{
        width:100%;
        margin:2% auto;
        float:inherit;
    }
}

@media all and (max-width:480px){

    #logo a{
        width: 100%;
    }
    
    #logo {
        max-height: 100px;
    }
    
    .h_content {
        padding: 10px 0;
    }

}

/* tel
------------------------*/
.headerTel{
    max-width: 350px;
}
    .headerTel img {
        width: 100%;
    }



@media all and (max-width:768px){
    .headerTel{
    display: none;
    text-align: center;
    }


}

/* header navi
------------------------*/
.h_navi{
    flex-basis:30%;
    margin: 2.8% 0 0 0;
}

.h_navi p{
    font-size:75%;
    margin:0 0 0 5%;
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:20px 20px;
    float:left;
}

.h_navi p a{
    min-height:20px;
    color:#444;
    display:block;
    padding:5% 0 0 25px;
    text-decoration:none;
}

.h_navi p a:hover{
    text-decoration:underline;
}

.h_navi .h_01{
    background-image:url(img/icon_histry.png);
}

.h_navi .h_02{
    background-image:url(img/icon_keep.png);
}

.h_navi .h_03{
    background-image:url(img/icon_lock.png);
}

.h_navi .h_03.login_m{
    background-image:url(img/icon_logout.png);
}

@media all and (max-width:1150px){
    .h_navi{
        width:30%;
    }
}

@media all and (max-width:1024px){
    .h_navi{
        width:41%;
    }
}

@media all and (max-width:768px){
    .h_navi{
        width:43%;
        margin:2% auto;
    }
}

@media all and (max-width:736px){
    .h_navi{
        width:53%;
    }
}

@media all and (max-width:667px){
    .h_navi{
        width:55%;
    }
}

@media all and (max-width:568px){
    .h_navi{
        width:100%;
        text-align:center;
        margin:3% 0;
        float:inherit;
    }

    .h_navi p{
        display:inline-block;
        float:inherit;
    }

    .h_navi p.h_01{
        margin:0;
    }
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 global navi

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#g_navi{
    background-color:#f4a43d;
    background:linear-gradient(#f4a43d, #e2912a);
    border-top:1px solid #f4a43d;
    border-bottom:1px solid #f4a43d;
}

#g_navi ul{
    max-width:1140px;
    margin:0 auto;
}

#g_navi li{
    width:16.6666667%;
    text-align:center;
    float:left;
    border-left:1px solid #ffccbd;
    border-right:1px solid #ffccbd;
    box-sizing: border-box;
}

@media all and (max-width:1100px){
    #g_navi li{
        font-size:85%;
    }
}

#g_navi .g_01{}
#g_navi .g_02{}
#g_navi .g_03{}
#g_navi .g_04{}
#g_navi .g_05{}

#g_navi li a{
    color:#fff;
    display:block;
    padding:7% 0;
    background:#f4a43d;
    background:linear-gradient(#f4a43d, #e2912a);
}

#g_navi li a:hover,
#g_navi li#current a{
    background:linear-gradient(#f4a43d, #e2912a);
}

@media all and (max-width:768px){
    #g_navi li{
        font-size:80%;
    }
}

@media all and (max-width:667px){
    #g_navi li{
        font-size:70%;
    }
}

@media all and (max-width:568px){

    #g_navi li{
        width:25%;
    }
}

@media all and (max-width:480px){
    #g_navi li{
        width:50%;
    }
}

@media all and (max-width:375px){
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 footer

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

footer{
    padding:1% 0 0 0;
    background:url(img/footer_bg.gif) repeat 0 0;
}

/* footer contents
------------------------*/
.f_content{
    max-width:1140px;
    text-align:center;
    padding:2% 0;
    margin:0 auto 1% auto;
    background:#fff;
}

/* footer contact
------------------------*/
.f_contact{
    width:30%;
    margin:0 3% 0 0;
    display:inline-block;
    vertical-align:top;
}

.f_contact .logo{
    width:250px;
    height:60px;
    text-indent:-9999px;
    overflow:hidden;
    margin:0 auto 3% auto;
    background:url(img/logo.png) no-repeat center 0;
    background-size:250px 55px;
}

.f_contact .open{
    font-size:68.75%;
    margin:0 0 2% 0;
}

.f_contact .open span{
    color:#fff;
    text-align:center;
    display:block;
    background:#202020;
    padding:1%;
    margin:0 0 1% 0;
}

.f_contact .tel{
    color:#f4a43d;
    font-size:180%;
    font-weight:bold;
    display:inline-block;
}

.f_contact .tel a{
    color:#f4a43d;
}

.f_contact .add{
    font-size:68.75%;
    line-height:140%;
    margin:1% 0 0 0;
}

@media all and (max-width:1024px){
    .f_contact .logo{
        width:100%;
        background:url(img/logo.png) no-repeat center 0;
        background-size:contain;
    }

    .f_contact .tel{
        font-size:150%;
        padding-left:18%;
        background-size:contain;
    }

    .f_contact .add{
        margin:3% 0 0 0;
    }
}

@media all and (max-width:768px){
    .f_contact{
        width:40%;
    }
}

@media all and (max-width:667px){
    .f_contact{
        width:60%;
        display:inherit;
        margin:0 auto;
    }

    .f_contact .tel{
        font-size:120%;
        padding-left:0;
    }
}

@media all and (max-width:568px){
    .f_content{
        padding:4%;
    }

    .f_contact{
        width:100%;
        margin:0 0 2% 0;
    }
}

@media all and (max-width:360px){
    .f_contact .tel{
        padding-left:12%;
    }
}

/* footer navi
------------------------*/
.f_navi{
    width:60%;
    display:inline-block;
    vertical-align:top;
}

.f_navi ul{
    text-align:left;
    margin:0 0 4% 0;
}

.f_navi li{
    font-size:75%;
    text-align:left;
    line-height:140%;
    margin:0 2% 0 0;
    display:inline-block;
}

.f_navi li.title{
    color:#878787;
    font-size:87.5%;
    font-weight:bold;
    display:block;
    padding:0.5% 0 0.5% 3%;
    margin:0 0 1% 0;
    background:url(img/icon_arrow4.png) no-repeat 0 50%;
    background-size:14px 14px;
    border-bottom:1px dotted #878787;
}

.f_navi li a{
    color:#878787;
}

.f_navi li a:hover{
    text-decoration:underline;
}

@media all and (max-width:768px){
    .f_navi{
        width:50%;
    }

    .f_navi li.title{
        padding:0.5% 0 0.5% 5%;
    }
}

@media all and (max-width:667px){
    .f_navi{
        width:80%;
        display:inherit;
        margin:10f% auto 0 auto;
    }
}

@media all and (max-width:568px){
    .f_navi{
        width:100%;
    }
}

@media all and (max-width:375px){
    .f_navi li{
        margin-bottom:1%;
    }
}

/* copyright
------------------------*/
.copyright{
    color:#fff;
    text-align:center;
    padding:0.5% 0;
    background:#202020;
}

.copyright a{
    color:#fff;
}

@media all and (max-width:480px){
    .copyright{
        font-size:75%;
        padding:1% 0;
    }
}

@media all and (max-width:375px){
    .copyright{
        margin:0 0 2% 0;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 page top

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#page_top{
    position:fixed;
    bottom:0;
    right:0;
    z-index:100;
}

#page_top a{
    color:#fff;
    font-size:100%;
    font-weight:bold;
    text-align:center;
    line-height:160%;
    padding:7% 5%;
    display:block;
    text-shadow:1px 1px #000;
    border:1px solid #000;
    background-color:#000;
    border-radius:5%;
    opacity:0.8;
}

@media all and (max-width:480px){
    #page_top{
        width:100%;
        border-radius:0;
        display: none;
    }

    #page_top a{
        padding:2%;
        border-radius:0;
    }
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

sp foot banner

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.spfootbanner{
    display: none;
}

@media all and (max-width:375px){
    .spfootbanner{
        display:flex;
        background-color: rgba(255,168,0,0.8);
        position:fixed;
        bottom:0;
        right:0;
        z-index:100;
        width: 100%;
        font-size: 110%;
    }

    .spfootbanner p{
        flex-basis: 50%;
        text-align: center;
        padding: 0.9em 0;
        color: #fff;
        border-right: 1px solid #fff ;
    }

    .spfootbanner p:last-child{
        border-right: none;
    }

    .spfootbanner a{
        color: #fff;
    }

}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 contents

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#contents{
    max-width:1140px;
    padding:0 2% 2% 2%;
    margin:1% auto 0 auto;
}

.index #contents{
    margin:2% auto 0 auto;
}

#main{
    width:76%;
    /*overflow:hidden;*/
    float:left;
}

#onecolumn{
    width:100%;
}

#sub{
    width:21%;
    /*overflow:hidden;*/
    float:right;
}

.column1 #main{
    width:100%;
}

@media all and (max-width:1024px){
    #contents{
        max-width:1024px;
    }
}

@media all and (max-width:830px){
    #contents{
        max-width:830px;
    }

    #main{
        width:100%;
    }

    #sub{
        width:100%;
    }
}

@media all and (max-width:768px){
    #contents{
        max-width:768px;
        padding:0 3% 10% 3%;
    }

    #main{
        width:100%;
    }

    #sub{
        width:100%;
        margin:2% 0 0 0;
    }
}

@media all and (max-width:480px){
    #contents{
        max-width:480px;
        padding:0 2% 10% 2%;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 common style

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* text
------------------------*/
img{
    max-width:100%;
    height:auto;
    display:block;
}

a{
    color:#2285d1;
    text-decoration:none;
}
    a:hover{
        text-decoration:underline;
    }

.r_lnk{
    float:right;
}

.r_lnk a{
    min-height:14px;
    padding:0 19px 0 0;
    background:url(img/icon_arrow3.png) no-repeat right center;
    background-size:14px 14px;
}

.lnk a{
    min-height:14px;
    padding:0 0 0 19px;
    background:url(img/icon_arrow3.png) no-repeat left center;
    background-size:14px 14px;
}

.ex{
    font-size:100%;
    line-height:160%;
    margin:0 0 1% 0;
}

.note{
    width:100%;
    color:#878787;
    line-height:160%;
    display:block;
}

.box{
    padding:3%;
    background:#fff;
}

.accordion .accordion_head{
    cursor:pointer;
}

/* table
------------------------*/
table.common{
    width:100%;
    border-collapse:collapse;
    background:#f8f8f8;
}

table.common tr:nth-of-type(odd){
    background:#fff;
}

table.common td,
table.common th{
    text-align:center;
    padding:2%;
    border:1px solid #d4d4d4;
}

table.common th{
    font-size:87.5%;
    line-height:160%;
    font-weight:bold;
}

table.common thead th{
    background:#f8f8f8;
}

table.common td{
    font-size:75%;
    line-height:160%;
}

@media all and (max-width:568px){
    table.common th{
        font-size:755%;
    }
}

@media all and (max-width:480px){
    table.common{
        display:block;
        background:none;
    }

    table.common tr:nth-of-type(odd){
        background:none;
    }

    table.common thead{
        display:none;
    }

    table.common tbody{
        display:block;
    }

    table.common tbody tr{
        display:block;
        margin-bottom:3%;
    }

    table.common tbody th,
    table.common tbody td{
        font-size:75%;
        text-align:left;
        display:list-item;
        list-style-type:none;
        border:none;
    }

    table.common tbody th{
        color:#fff;
        padding:1% 2%;
        margin-bottom:3%;
        background:#bbb;
    }

    table.common tbody td{
        padding:0 2%;
        margin-bottom:2%;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 topicpath

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#topicpath{
    padding:1% 2%;
    margin:1% 0 0 0;
}

#topicpath ul{
    max-width:1140px;
    margin:0 auto;
}

#topicpath li{
    font-size:75%;
    line-height:160%;
    padding:0 0 0 2%;
    margin:0 1% 0 0;
    background:url(img/icon_arrow2.png) no-repeat 0 50%;
    background-size:12px 22px;
    word-wrap:break-word;
    float:left;
}

#topicpath li a{}

#topicpath li.home{
    padding:0;
    background:none;
}

#topicpath li strong{}

#topicpath li span{
    color:#878787;
}

@media all and (max-width:830px){
    #topicpath{
        padding:1% 3%;
    }

    #topicpath li{
        padding:0 0 0 3%;
        background-size:contain;
    }
}

@media all and (max-width:480px){
    #topicpath{
        border-top:none;
    }

    #topicpath li{
        padding:0 0 0 4%;
        border-top:none;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents index

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* top info
------------------------*/
#top_info{
    padding:12% 0;
    margin:0 0 0 0;
    background:url(img/top_info.jpg) no-repeat 50% 50%;
    background-size:cover;
    position:relative;
}

#top_info h2{
    color:#202020;
    font-size:250%;
    text-shadow:1px 1px 3px #fff;
    line-height:160%;
    position:absolute;
    left:20%;
    bottom:50%;
}

/*----- btn -----*/
#top_info .btn_search{
    position:absolute;
    left:20%;
    bottom:20%;
}

#top_info .btn_search a{
    width:400px;
    height:86px;
    text-indent:-999px;
    overflow:hidden;
    display:block;
    background:url(img/btn_search.png) no-repeat 0 0;
    background-size:400px 86px;
}

@media all and (max-width:1280px){
    #top_info{
        padding:12% 0;
    }

    #top_info h2{
        left:5%;
    }

    #top_info .btn_search{
        left:5%;
        bottom:15%;
    }
}

@media all and (max-width:980px){
    #top_info h2{
        font-size:180%;
    }

    #top_info .btn_search{
        bottom:5%;
    }

    #top_info .btn_search a{
        width:300px;
        background-size:contain
    }
}

@media all and (max-width:768px){
    #top_info{
        padding:20% 0;
    }
}

@media all and (max-width:568px){
    #top_info h2{
        font-size:160%;
    }

    #top_info .btn_search{
        bottom:25%;
    }

    #top_info .btn_search a{
        width:200px;
        height:43px;
        background-size:200px 43px;
    }
}

@media all and (max-width:480px){
    #top_info h2{
        font-size:130%;
        bottom:55%;
    }

    #top_info .btn_search{
        bottom:15%;
    }
}

@media all and (max-width:375px){
    #top_info h2{
        font-size:120%;
    }

    #top_info .btn_search{
        bottom:20%;
    }
}

@media all and (max-width:360px){
    #top_info h2{
        font-size:100%;
    }
}

/* load
------------------------*/
.load_new,
.load_reco,
.load_job_ranking,
.load_owner_ranking{
    overflow:hidden;
}
.load_new h2,
.load_reco h2,
.load_job_ranking h2,
.load_owner_ranking h2{
    color:#fff;
    font-size:100%;
    font-weight:normal;
    padding:1.2% 1.2% 1.2% 1.2%;
    background:#f4a43d;
    background-size:50px 16px;
}

.load_new h2 span,
.load_reco h2 span,
.load_job_ranking h2 span,
.load_owner_ranking h2 span{
    font-size:80%;
    margin:0 0 0 1%;
    vertical-align:top;
    /*vertical-align:auto; /*IE7*/
}


.load_reco .reco_btn{
}

.load_reco .reco_btn a{
    color: #fff;
    width: 48%;
    background: #f4a43d;
    padding: 1% 0;
    text-align: center;
    display: block;
    margin: 4% auto;
    border-radius:3px;
    font-size: 110%;
}


#ld_new,
#ld_reco,
#ld_job_ranking{
    width:100%;
    height:auto;
    margin:0 0 2% 0;
    padding:0.125% 0;
    background:#f8f8f8;
}

#ld_owner_ranking{
    width:100%;
    height:auto;
    margin:0 0 1% 0;
    padding:0.125% 0;
    background:#f8f8f8;
}

#ld_new ul,
#ld_reco ul,
#ld_job_ranking ul,
#ld_owner_ranking ul{
    margin:1%;
    background:#fff;
}

#ld_new li,
#ld_reco li,
#ld_job_ranking li,
#ld_owner_ranking li{
    width:23%;
    padding:1%;
    float:left;
    position:relative;
    display:block;
}

.post_img{
  width:100%;
  height:100%;
  max-height:130px;
  position:relative;
  overflow:hidden;
}
.post_img a{
  line-height:130px;
  max-height:130px;
  margin:0 0 0 0;
  text-align:center;
  width:200%;
  margin:0 auto;
  overflow:hidden;
}
.post_img a img{
  display:block;
  width:50%;
  min-width:200px;
  margin:0 auto;
  vertical-align:middle;
}

#ld_new li h3,
#ld_reco li h3,
#ld_job_ranking li h3,
#ld_owner_ranking li h3{
    /*
    background-color:#fff;
    color:#2285d1;
    font-size:87.5%;
    line-height:140%;
    display:block;
    margin:10px 0 0 0;
    text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    */
    font-size: 100%;
    line-height: 1.4;
    text-overflow: ellipsis;
    -webkit-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
    height: 2.5em;
    border: none;
}
#ld_new li p,
#ld_reco li p,
#ld_job_ranking li p,
#ld_owner_ranking li p{
    font-size:75%;
    line-height:150%;
}

#ld_new li .salary,
#ld_reco li .salary,
#ld_job_ranking li .salary,
#ld_owner_ranking li .salary{
    padding:0 0 0 10%;
    background:url(img/icon_en.png) no-repeat 0 0;
    background-size:16px 16px;
}

@media all and (max-width:1024px){
    .post_img{
      max-height:110px;
    }
    .post_img a img{
      width:100%;
      min-width:170px;
    }
}

@media all and (max-width:980px){
    .post_img{
      max-height:105px;
    }
    .post_img a img{
      min-width:160px;
    }
}

@media all and (max-width:768px){
    .post_img{
      max-height:95px;
    }
    .post_img a img{
      min-width:140px;
    }


    #ld_reco li.bl-hot:nth-child(n+5){
        display: none;
    }
    #ld_reco ul{
        margin:2%;
    }
    #ld_reco li{
        width:46%;
        padding:2%;
    }
    .topNewArea #ld_reco li{
        width: 100%;
    }
    .topNewArea #ld_reco li h3{
        width: 52%;
        float: left;
    }
    .topNewArea #ld_reco li p{
        width: 52%;
        float: left;
    }
    .topNewArea #ld_reco li p.salary{
        width: 44%;
        padding-left:5%;
    }
    .topNewArea #ld_reco .post_img{
        width: 40%;
        float: left;
        margin-right: 3%;
        max-height: 88px;
    }
    .topNewArea #ld_reco .post_img a img{
      min-width:88px;
    }


    .infoNewArea #ld_reco li{
        width: 100%;
    }
    .infoNewArea #ld_reco li h3{
        width: 52%;
        float: left;
    }
    .infoNewArea #ld_reco li p{
        width: 52%;
        float: left;
    }
    .infoNewArea #ld_reco li p.salary{
        width: 44%;
        padding-left:5%;
    }
    .infoNewArea #ld_reco .post_img{
        width: 40%;
        float: left;
        margin-right: 3%;
        max-height: 108px;
    }
    .infoNewArea #ld_reco .post_img a img{
      min-width:158px;
    }

}

@media all and (max-width:568px){
    #ld_new li,
    #ld_reco li,
    #ld_job_ranking li,
    #ld_owner_ranking li{
        width:31.1%;
    }

    .post_img{
      max-height:105px;
    }
    .post_img a img{
      min-width:160px;
    }
}

@media all and (max-width:480px){
    #ld_new ul,
    #ld_reco ul,
    #ld_job_ranking ul,
    #ld_owner_ranking ul{
        margin:2%;
    }

    #ld_new li,
    #ld_reco li,
    #ld_job_ranking li,
    #ld_owner_ranking li{
        width:46%;
        padding:2%;
    }

    .topNewArea #ld_new li{
        width: 100%;
    }

    .topNewArea #ld_new li h3{
        width: 52%;
        float: left;
    }

    .topNewArea #ld_new li p{
        width: 52%;
        float: left;
    }

    .topNewArea #ld_new li p.salary{
        width: 44%;
    }

    .post_img{
      max-height:115px;
    }

    .topNewArea .post_img{
    width: 40%;
    float: left;
    margin-right: 3%;
    max-height: 88px;
    }

    .post_img a img{
      min-width:170px;
    }

    .topNewArea .post_img a img{
    min-width:88px;
    }

    .topSerachArea .normal_feature img{
    width: 53%;
    float: left;
    box-sizing: border-box;
    margin: 10px 0;
    }
    .topSerachArea .normal_feature h3,
    .topSerachArea .normal_feature p{
    width: 47%;
    float: left;
    box-sizing: border-box;
    }

}

@media all and (max-width:320px){
    #ld_new li .salary,
    #ld_reco li .salary,
    #ld_job_ranking li .salary,
    #ld_owner_ranking li .salary{
        padding-left:12%;
    }

    .post_img{
      max-height:90px;
    }
    .post_img a img{
      min-width:130px;
    }
}

/* top job type
------------------------*/
.top_job_type{
    margin:3% 0 0 0;
}

.top_job_type section{
    width:100%;
    border:1px solid #dadada;
    background:#f8f8f8;
}

.top_job_type section h2{
    color:#202020;
    font-size:100%;
    font-weight:normal;
    padding:2% 2% 2% 6%;
    background:#fff url(img/icon_search3.png) no-repeat 2% 50%;
    background-size:18px 18px;
    border-bottom:3px solid #f4a43d;
}

.top_job_type section h2 span{
    color:#adadad;
    font-size:80%;
    margin:0 0 0 1%;
    vertical-align:top;
    /vertical-align:auto; /*IE7*/
}

.index .top_job_type section .box{
    padding:3%;
    margin:1.5%;
    background:#fff;
}

.top_business{
    float:left;
}

.top_category{
    float:right;
}

@media all and (max-width:568px){
    .top_job_type section{
        width:100%;
    }

    .top_job_type section h2{
        padding-left:7%;
    }

    .top_business{
        margin:0 0 3% 0;
        float:inherit;
    }

    .top_category{
        float:inherit;
    }
}

@media all and (max-width:375px){
    .top_job_type section h2{
        padding-left:9%;
    }
}

@media all and (max-width:320px){
    .top_job_type section h2{
        font-size:87.5%
    }
}

/*---- list -----*/
.top_job_type ul{}

.top_job_type li a{
    text-decoration:none;
}

.top_job_type li a:hover{
    text-decoration:underline;
}

.top_job_type li{
    width: 48%;
    padding:0 0 2% 0;
    margin:0 0 2% 0;
    background:#fff;
    border-bottom:1px dotted #bbb;
    display: inline-block;
}
@media all and (max-width:480px){
.top_job_type li{
    width: 100%;
}
}

.top_job_type li:last-child{
    margin:0;
}

.top_job_type li h3{
    font-size:87.5%;
    min-height:14px;
    padding:0 0 0 5%;
    margin:0 0 2% 0;
    background:url(img/icon_arrow1.png) no-repeat 0 50%;
    background-size:14px 14px;
}

.top_job_type li p{
    width:90%;
    color:#666;
    font-size:80%;
    margin:0 0 0 5%;
    text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

@media all and (max-width:375px){
    .top_job_type li h3{
        font-size:75%;
        padding-left:6%;
    }
}

/* top area
------------------------*/
.top_area{
    margin:3% 0 0 0;
    border:1px solid #dadada;
    background:#fff;
}

.top_area h2{
    color:#202020;
    font-size:100%;
    font-weight:normal;
    padding:1% 1% 1% 4%;
    background:#fff url(img/icon_search3.png) no-repeat 1% 50%;
    background-size:18px 18px;
    border-bottom:3px solid #f4a43d;
}

.top_area h2 span{
    color:#adadad;
    font-size:80%;
    margin:0 0 0 1%;
    vertical-align:top;
    /vertical-align:auto; /*IE7*/
}

.top_area .box{
    padding:3%;
    background:#fff;
}

.top_area .map{
    width:40%;
    float:left;
}

.prefectures{
    width:60%;
    float:right;
}

.prefectures ul{
    margin:0 0 3% 0;
}

.prefectures li{
    width:12%;
    font-size:75%;
    text-align:center;
    border-right:1px solid #bbb;
    float:left;
}

.prefectures li a{
    padding:5%;
    display:block;
}

@media all and (max-width:667px){
    .prefectures li{
        width:13%;
        margin:0 0 1% 0;
    }
}

@media all and (max-width:568px){
    .top_area h2{
        padding:2% 2% 2% 7%;
        background-position:2% 50%;
    }

    .top_area .map{
        display:none;
    }

    .prefectures{
        width:100%;
        float:inherit;
    }

    .prefectures li{
        width:11%;
        margin:0;
    }
}

@media all and (max-width:375px){
    .top_area h2{
        padding-left:9%;
    }

    .prefectures li{
        width:12%;
    }

}

@media all and (max-width:320px){
    .top_area h2{
        font-size:87.5%;
    }

    .prefectures li{
        width:16%;
        margin-bottom:1%;
    }
}

/* top employ
------------------------*/
.top_employ{
    margin:3% 0 0 0;
    border:1px solid #dadada;
    background:#fff;
}

.top_employ h2{
    color:#202020;
    font-size:100%;
    font-weight:normal;
    padding:1% 1% 1% 4%;
    background:#fff url(img/icon_search3.png) no-repeat 1% 50%;
    background-size:18px 18px;
    border-bottom:3px solid #f4a43d;
}

.top_employ h2 span{
    color:#adadad;
    font-size:80%;
    margin:0 0 0 1%;
    vertical-align:top;
    /vertical-align:auto; /*IE7*/
}

.top_employ .box{
    padding:3%;
    background:#f8f8f8;
}

.top_employ ul{
    margin:0 -3.3% 0 0;
}

.top_employ li{
    width:30%;
    font-size:100%;
    font-weight:bold;
    margin:0 3.3% 0 0;
    background:#fff url(img/icon_search1.png) no-repeat 5% 50%;
    background-size:40px 40px;
    float:left;
}

.top_employ li a{
    color:#555;
    overflow:hidden;
    display:block;
    text-decoration:none;
    padding:5% 0 5% 25%;
    border-radius:3px;
    border:1px solid #ccc;
}

.top_employ li a span{
    font-size:80%;
    color:#2285d1;
    display:block;
    margin:3% 0 0 0;
}

.top_employ .em_01 a{}
.top_employ .em_02 a{}
.top_employ .em_03 a{}

.top_employ li a:hover{
    background:url(img/icon_arrow2.png) no-repeat 96% 50%;
    background-size:12px 22px;
}

@media all and (max-width:667px){
    .top_employ li{
        font-size:87.5%;
    }

    .top_employ li a{
        padding-left:28%;
    }
}

@media all and (max-width:568px){
    .top_employ h2{
        padding:2% 2% 2% 7%;
        background-position:2% 50%;
    }

    .top_employ .box{
        padding:1%;
    }

    .top_employ ul{
        margin:0 -1% 0 0;
    }

    .top_employ li{
        width:32.3%;
        font-size:75%;
        margin:0 1% 0 0;
    }

    .top_employ li a{
        padding:7% 0 7% 31%;
    }
}

@media all and (max-width:480px){
    .top_employ .box{
        padding:3% 3% 0 3%;
    }

    .top_employ ul{
        margin:0 -3% 0 0;
    }

    .top_employ li{
        width:47%;
        margin:0 3% 3% 0;
    }
}

@media all and (max-width:375px){
    .top_employ h2{
        padding-left:9%;
    }
}

@media all and (max-width:320px){
    .top_employ .box{
        padding:3%;
    }

    .top_employ h2{
        font-size:87.5%;
    }

    .top_employ ul{
        margin:0;
    }

    .top_employ li{
        width:100%;
        background-size:20px 20px;
        background-position:2% 50%;
        float:inherit;
    }

    .top_employ li:last-child{
        margin-bottom:0;
    }

    .top_employ li a{
        padding:3% 0 3% 12%;
    }

    .top_employ li a span{
        display:inline;
        margin:0 0 0 2%;
    }
}

/* top topSerachArea
------------------------*/

.topSerachArea{
    display: flex;
    flex-flow: column wrap;
}

@media all and (max-width:480px){
.topSerachArea section.feature{
    /* order:2; */
    margin:30px 0 0;
}
.topSerachArea section.search{
    /* order:1; */
}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents search

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.search{
}

.search h2{
    color:#fff;
    font-size:112.5%;
    font-weight:normal;
    padding:1% 1% 1% 4%;
    background:#f4a43d url(img/icon_search2.png) no-repeat 1% 50%;
    background-size:18px 18px;
}

.search .box{
    padding:1%;
    background:#f4f4f4;
    border: 1px solid #dadada;
}

@media all and (max-width:667px){
    .search h2{
        font-size:100%;
        padding:1.5% 1.5% 1.5% 5%;
    }
}

@media all and (max-width:568px){
    .search h2{
        font-size:87.5%;
    }
}

@media all and (max-width:480px){
    .search h2{
        background-size:16px 16px;
    }
}

@media all and (max-width:320px){
    .search h2{
        padding:1.5% 1.5% 1.5% 7%;
    }
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents feature

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*
.feature h2{
    color:#fff;
    font-size:112.5%;
    font-weight:normal;
    padding:1% 1% 1% 1%;
    background-size:18px 18px;
    background:#f4a43d;
}
*/
.feature h2{
    color:#202020;
    font-size:112.5%;
    padding:1.5%;
    background:#fff;
    border-bottom:3px solid #f4a43d;
    border-top: 1px solid #dadada;
}

.pickup_feature{
    display: flex;
    padding: 1% 1% 3% 1%;
    background: #fff;
}

.pickup_feature h3{
}

.pickup_feature div{
    flex-basis: 50%;
}

.pickup_feature div.textbox{
    padding:1% 3%;
}

.pickup_feature h3{
    font-weight: normal;
    margin: 0 0 3% 0;
    font-size:112.5%;
}

.pickup_feature p{
    line-height: 160%;
    font-size: 90%;
    margin: 0 0 5% 0;
}

.pickup_feature .feature_btn{
}

.pickup_feature .feature_btn a{
    color: #fff;
    width: 90%;
    background: #f4a43d;
    padding: 1% 0;
    text-align: center;
    display: block;
    margin: 0 auto;
    border-radius:3px;
    font-size: 110%;
}

.normal_feature{
    display: flex;
    padding: 1% 0 3% 0;
    background: #fff;
    justify-content: space-around;
}

.normal_feature div{
    flex-basis:32%;
    margin: 0 0 3% 0;
}

.normal_feature h3{
    font-weight: normal;
    margin: 3% 0 1% 0;
    font-size:100%;
}

.normal_feature p{
    font-size: 90%;
}

.normal_feature {
    font-weight: normal;
    margin: 0 0 3% 0;
    font-size:100%;
}

@media all and (max-width:480px){
    .pickup_feature{
        display: block;
    }

    .normal_feature{
        display: block;
    }

    .normal_feature h3,
    .normal_feature p{
    padding:1% 3%;
}

}


/* module table
------------------------*/
.search table{
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
    border-top:1px solid #d4d4d4;
    border-bottom:1px solid #d4d4d4;
    background:#fff;
}

.search table th,
.search table td{
    font-size:75%;
    padding:2%;
    border-bottom:1px dotted #d4d4d4;
    vertical-align:middle;
}

.search table th{
    width:30%;
    border-right:1px dotted #d4d4d4;
}

.search td input{
    margin:0 3px 3px 3px;
    padding:2px;
    position:relative;
    top:1px;
}

.search select{
    margin:3px 5px 3px 0;
}

.search #add_pre{
    font-size: 120%;
    padding: 10px;
}

.search td label{
    margin:3px 0;
}

.search #search_city{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.search #search_city label{
    flex-basis: 20%;
}

.search td.row2,
.search td.row4{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap:wrap;
}

.search td.row2 label{
    flex-basis: 50%;
}

.search td.row4 label{
    flex-basis: 25%;
}

.search .sbmt{
    margin:3% 0;
}

@media all and (max-width:480px){
    .search table{
        display:block;
        border:none;
    }

    .search tr:nth-of-type(odd){
        background:none;
    }

    .search thead{
        display:none;
    }

    .search tbody{
        display:block;
    }

    .search tbody tr{
        display:block;
        margin-bottom:3%;
    }

    .search tbody th,
    .search tbody td{
        text-align:left;
        display:list-item;
        list-style-type:none;
        border:none;
    }

    .search tbody th{
        width:inherit;
        font-size:87.5%;
        color:#fff;
        padding:1.5%;
        background:#f4a43d;
    }

    .search tbody td{
        font-size:75%;
        padding:2%;
    }

    .search #search_city label{
    width:50%;
}

}

@media all and (max-width:320px){
    .search td.row2 label{
        width:inherit;
        display:block;
        float:none;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents page navi

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.page_navi{}

.page_navi p{
    font-size:100%;
}

.page_navi p strong{
    color:#f4a43d;
    margin:0 0.5% 0 0;
}

.page_navi ul{
    text-align:right;
    margin:1% 0 0 0;
}

.page_navi li{
    font-size:75%;
    display:inline;
}

.page_navi li span{
    color:#666;
    display:inline-block;
    padding:1%;
    background-color:#ddd;
    border:1px #666 solid;
    font-weight:bold;
}

.page_navi li a{
    color:#666;
    display:inline-block;
    padding:1%;
    border:1px #666 solid;
}

.page_navi li a:link,
.page_navi li a:visited{
    border-color:#666;
}

.page_navi li a:hover,
.page_navi li a:active{
    color:#fff;
    border-color:#666;
    background-color:#666;
}

@media all and (max-width:830px){
    .page_navi ul{
        margin:2% 0 0 0;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents detail

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* table
------------------------*/
table.detail{
    width:100%;
    border-collapse:collapse;
    background:#f8f8f8;
}

table.detail tr:nth-of-type(odd){
    background:#fff;
}

table.detail td,
table.detail th{
    padding:1%;
    border:1px solid #d4d4d4;
    vertical-align:middle;
}

table.detail th{
    font-size:87.5%;
    text-align:center;
    line-height:160%;
    font-weight:bold;
}

table.detail thead th{
    background:#f8f8f8;
}

table.detail td{
    font-size:75%;
    text-align:left;
    line-height:160%;
}

table td p.btn_entry{
    text-align: center;
    font-size: 120%;
}

@media all and (max-width:568px){
    table.detail th{
        font-size:75%;
    }
}

@media all and (max-width:480px){
    table.detail{
        display:block;
        background:none;
    }

    table.detail tr:nth-of-type(odd){
        background:none;
    }

    table.detail thead{
        display:none;
    }

    table.detail tbody{
        display:block;
    }

    table.detail tbody tr{
        display:block;
        margin-bottom:3%;
    }

    table.detail tbody th,
    table.detail tbody td{
        font-size:75%;
        text-align:left;
        display:list-item;
        list-style-type:none;
        border:none;
    }

    table.detail tbody th{
        width:inherit;
        padding:0 0 0 2%;
        margin-bottom:2%;
        border-left:5px solid #f4a43d;
    }

    table.detail tbody td{
        padding:0 2%;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents item list

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.list{
    margin:3% 0 0 0;
}

/* item
------------------------*/
.item{
    padding:1.5%;
    margin:3% 0;
    background:#fff;
    border:1px solid #d4d4d4;
}

.item .title{
    color:#f4a43d;
    font-size:200%;
    font-weight:normal;
    padding:1%;
    margin:0 0 2% 0;
    font-weight: bold;
}

.item .title a{
    color:#f4a43d;
    display:block;
    text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    /*overflow:hidden;*/
}

.item table.detail th{
    width:30%;
}

/* type */
.type{
    margin:0 0 2% 0;
}

.type li{
    font-size:75%;
    text-align:center;
    padding:0.5% 3%;
    margin:0 5px 0 0;
    border:1px solid #2185d1;
    float:left;
}

.type .emp{
    color:#fff;
    background:#2185d1;
}

.type .bus{
    color:#2185d1;
    background:#fff;
}

.type .cate{
    color:#2185d1;
    background:#fff;
}

/* catch */
.catch{
    color:#2185d1;
    font-size:100%;
    font-weight:bold;
    line-height:160%;
    padding:0 0 1% 0;
    margin:0 0 2% 0;
    border-bottom:1px dotted #d5d5d5;
    clear:both;
}

.item .left{
    /*
    width:28%;
    margin:0 2% 3% 0;
    float:left;
    */
    display: none;
}

.item .right{
    width:100%;
    margin:0 0 3% 0;
    /* float:right; */
}

/* thumb */
.item .thumb{}


/* feature */
.feature{
    /* margin:0 -1% 2% 0; */
    margin: 0 0 2% 0;
    height: 100%;
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

.feature li{
    width:22%;
    color:#fff;
    font-size:75%;
    text-align:center;
    background:#67b9ca;
    padding:1%;
    margin:0 1% 1% 0;
    float:left;
}

@media all and (max-width:736px){
    .feature li{
        width:30%;
    }
}

@media all and (max-width:667px){
    .item .title{
        font-size:100%;
    }
}

@media all and (max-width:568px){
    .item .title{
        font-size:87.5%;
    }

    .catch{
        font-size:87.5%;
    }
}

@media all and (max-width:480px){
    .item .title{
        font-size:100%;
        line-height: 1.2em;
        padding:1.5%;
    }

    .item .left{
        width:100%;
        float:none;
    }

    .item .left img{
        width:100%;
    }

    .item .right{
        width:100%;
        float:none;
    }
}

/* btn
------------------------*/
.btn_box{
    text-align:center;
    margin:0 0 2% 0;
    clear:both;
}

p.btn_bookmark,
p.btn_info,
p.btn_entry{
    display:inline-block;
    width:30%;
    margin:0 1%;
}

p.btn_bookmark a,
p.btn_info a,
p.btn_entry a{
    width:100%;
    color:#fff;
    font-weight:normal;
    display:block;
    padding:3% 2%;
    border-radius:3px;
    box-sizing: border-box;
}

p.btn_bookmark a{
    color:#666;
    padding:3% 2% 3% 10%;
    border:1px solid #666;
    background:#fff url(img/icon_bookmark.png) no-repeat 5% 50%;
    background-size:16px 16px;
}

p.btn_bookmark.remove a{
    background:#fff url(img/icon_remove.png) no-repeat 5% 50%;
    background-size:16px 16px;
}

p.btn_info a{
    border:1px solid #666;
    background:#666;
    background:linear-gradient(#878787, #666);
}

p.btn_entry a{
    border:1px solid #f4a43d;
    background:#f4a43d;
    background:linear-gradient(#f4a43d, #f4a43d);
}

p.btn_entryTC {
    display: inline-block;
    width: 100%;
    margin: 0 1%;
}

p.btn_entryTC a{
width: 100%;
color: #fff;
font-weight: normal;
display: block;
padding: 3% 2%;
border-radius: 3px;
box-sizing: border-box;
font-size: 125%;
text-align: center;
}

p.btn_entryTC a{
    border: 1px solid #f4a43d;
    background: #f4a43d;
    background: linear-gradient(#f4a43d, #f4a43d);
}

@media all and (max-width:568px){
    p.btn_bookmark,
    p.btn_info,
    p.btn_entry{
        font-size:87.5%;
    }

    p.btn_bookmark a,
    p.btn_info a,
    p.btn_entry a{
        padding:2%;
    }
}

@media all and (max-width:480px){
    p.btn_bookmark,
    p.btn_info,
    p.btn_entry{
        display:block;
        width:80%;
        margin:0;
        margin:2% auto;
    }

    p.btn_bookmark a,
    p.btn_info a,
    p.btn_entry a{
        width:100%;
        padding:3%;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents item info

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.item_info{}

.item_info > div:first-child {
  margin:0;
}

.item_info .item{
    margin:0;
}

.item_info .item .left{
    width:38%;
}

.item_info .item .right{
    width:60%;
}

.item_info table.detail th{
    width:30%;
}

@media all and (max-width:768px){
    .item_info .item .right{
        width:58%;
    }

    .item_info .feature li{
        width:30%;
    }
}

@media all and (max-width:667px){
    .item_info .item .left{
        width:39%;
    }
}

@media all and (max-width:480px){
    .item_info .item .left{
        width:100%;
        float:none;
    }

    .item_info .item .right{
        width:100%;
        float:none;
    }
}

/* photo
------------------------*/
.photo{
    padding:2%;
    margin:3% 0 0 0;
    background:#fff;
    border:1px solid #d4d4d4;
}

.photo ul{
    letter-spacing:-0.4em;
    margin:0 -1% -2% 0;
}

.photo li{
    width:32%;
    letter-spacing:normal;
    margin:0 1% 2% 0;
    display:inline-block;
    vertical-align:top;
}

.photo li p{
    font-size:87.5%;
    line-height:160%;
    margin:3% 0 0 0;
}

@media all and (max-width:736px){
    .photo li p{
        font-size:75%;
    }
}

@media all and (max-width:320px){
    .photo ul{
        margin:0;
    }

    .photo li{
        width:100%;
        display:block;
        margin:0 0 3% 0;
    }

    .photo li:last-child{
        margin:0;
    }
}

/* info
------------------------*/
.info{
    border:1px solid #dadada;
    background:#f8f8f8;
    margin:3% 0 0 0;
}

.info h3{
    color:#202020;
    font-size:112.5%;
    font-weight:normal;
    padding:1%;
    background:#fff;
    border-bottom:3px solid #f4a43d;
}

.info h4{
    color:#fff;
    font-size:100%;
    font-weight:normal;
    padding:1%;
    margin:3% 0 2% 0;
    background:#878787;
}

.info h4:first-child{
    margin-top:0;
}

@media all and (max-width:568px){
    .info h3{
        font-size:100%;
    }
}

@media all and (max-width:320px){
    .info h3{
        font-size:87.5%;
        padding:2%;
    }

    .info h4{
        font-size:87.5%;
        padding:2%;
    }
}

/* access
------------------------*/
.access{
    border:1px solid #dadada;
    background:#f8f8f8;
    margin:3% 0 0 0;
}

.access .box{}

.access h3{
    color:#202020;
    font-size:112.5%;
    font-weight:normal;
    padding:1%;
    background:#fff;
    border-bottom:3px solid #f4a43d;
}

.access .map{
    width:50%;
    float:left;
}

.access .address{
    width:100%;
    /*float:right;*/
}

.access .address ul{}

.access .address li{
    font-size:75%;
    line-height:150%;
    padding:0 0 2% 0;
    margin:0 0 2% 0;
    border-bottom:1px dotted #bbb;
}

.access .address li span{
    font-weight:bold;
    display:block;
    margin:0 0 1% 0;
}

.access .map #map-canvas{
    width:100% !important;
}

@media all and (max-width:1024px){
    .access .address{
        width:48%;
    }
}

@media all and (max-width:768px){
    .access .map{
        width:100%;
        float:none;
    }

    .access .address{
        width:100%;
        margin:3% 0 0 0;
        float:none;
    }
}

@media all and (max-width:568px){
    .access h3{
        font-size:100%;
    }
}

@media all and (max-width:320px){
    .access h3{
        font-size:87.5%;
        padding:2%;
    }
}

/* company info
------------------------*/
.com_info{}

.com_info{
    border:1px solid #dadada;
    background:#f8f8f8;
    margin:3% 0 0 0;
}

.com_info .box{}

.com_info h2,
.com_info h3{
    color:#202020;
    font-size:112.5%;
    padding:1.5%;
    background:#fff;
    border-bottom:3px solid #f4a43d;
}

.com_info h3{
    font-weight:normal;
    padding:1%;
}

.com_photo{
    width:28%;
    float:left;
}

.com_info .detail{
    width:70%;
    float:right;
}

@media all and (max-width:568px){
    .com_info h3{
        font-size:100%;
    }
}

@media all and (max-width:480px){
    .com_info h3{
        font-size:87.5%;
        padding:2%;
    }

    .com_photo{
        width:100%;
        float:none;
    }

    .com_photo img{
        width:100%;
    }

    .com_info .detail{
        width:100%;
        margin:3% 0 0 0;
        float:none;
    }
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 information

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.informationArea{
    border: 1px solid #dadada;
    background: #fff;
}
.informationArea h2{
    color: #f4a43d;
    font-size: 112.5%;
    padding: 1.5%;
    background: #fff;
    border-bottom: 3px solid #f4a43d;
    margin-bottom: 1.5%;
}
.informationArea .infoMainImg{
    padding:0 3%;
}
.informationArea .infoSentence{
    margin-bottom:20px;
    font-style: font-size: 87.5%;
    line-height: 160%;
}
.informationArea .infoSentenceLast{
    margin-bottom:60px;
}
.informationArea .infoImg{
    text-align: center;
    margin: 30px 0;
}
.informationArea .infoImg img{
    display: inline;
}
.informationArea h3{
    color: #fff;
    font-size: 120%;
    font-weight: normal;
    padding: 1%;
    margin: 4% 0 1% 0;
    background: #f4a43d;
}
.informationArea h4{
    font-size: 110%;
    font-weight: bold;
    padding: 1% 1% 1% 0;
    margin: 2% 0 1% 0;
    border-bottom:1px solid #f4a43d;
}
.informationArea ul li{
    font-style: font-size: 87.5%;
    line-height: 160%;
}

.informationList{
    border: 1px solid #dadada;
    background: #fff;
}
.informationList h2{
    color: #202020;
    font-size: 112.5%;
    padding: 1.5%;
    background: #fff;
    border-bottom: 3px solid #f4a43d;
}
.informationList ul li{
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid #dadada;
    display:flex;
}
.informationList ul li a.infoListImg{
    width: 40%;
    margin-right: 30px;
}
.informationList ul li a.infoListImg:hover img,.informationList ul li .infoListBox h3 a:hover{
    opacity: 0.9;filter: alpha(opacity=90);
}
.informationList ul li a img{
    width: 100%;
}
.informationList ul li .infoDay{
    font-size:87.5%;
    line-height: 160%;
    color:#989898;margin-bottom:10px;
}
.informationList ul li .infoCaption{
    font-size:87.5%;
    line-height: 160%;
}
.informationList ul li .infoListBox{
    width: 60%;
}
.informationList ul li .infoListBox h3{
    margin-bottom:10px;
}
.informationBtnArea{
    display:flex;
    margin:50px 0 0;
}
.informationBtnArea .informationBtn{
    width: 49%;
}
.informationBtnArea div:first-child{
    margin-right: 2%;
}
.informationBtnArea .informationBtn a{
    background-color: #f4a43d;
    display: block;
    color:#ffffff;
    text-align: center;
    padding: 4%;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
@media all and (max-width:480px){
.informationList ul li{
    display:block;
}
.informationList ul li .infoListBox{
    width: 100%;
}
.informationBtnArea{
    display:block;
}
.informationBtnArea .informationBtn{
    width: 100%;
}
.informationBtnArea div:first-child{
    margin: 0 0 20px;
}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents form

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* submit
------------------------*/
.sbmt_box{
    text-align:center;
    margin:3% 0 0 0;
}

.sbmt_box .sbmt{
    display:inline;
}

.sbmt_box .btn{
    margin:0;
}

.sbmt{
    text-align:center;
    margin:3% 0 0 0;
}

.sbmt input[type="submit"],
.sbmt input[type="button"]{
    width:48%;
    color:#fff;
    font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:100%;
    font-weight:normal;
    display:inline-block;
    padding:1%;
    border-radius:3px;
    border:1px solid #202020;
    background:#202020;
    background:linear-gradient(#333, #202020);
    cursor:pointer;
}

@media all and (max-width:480px){
    .sbmt input[type="submit"],
    .sbmt input[type="button"]{
        font-size:75%;
        padding:2%;
    }

    .sbmt{
        margin:3% 0;
    }
}

/* form
------------------------*/
.form{
    margin:3% 0 0 0;
}

.form table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
}

.form caption{
    font-size:100%;
    font-weight:bold;
    text-align:left;
    padding:0 0 0 1%;
    margin:0 0 2% 0;
    border-left:5px solid #f4a43d;
}

.form table tr:nth-of-type(odd){
    background:#fff;
}

.form table td,
.form table th{
    padding:2%;
    border:1px solid #d4d4d4;
    vertical-align:top;
}

.form table th{
    width:30%;
    font-size:87.5%;
    font-weight:bold;
    text-align:center;
    line-height:160%;
}

.form table td{
    font-size:75%;
}

.form td input{
    margin:0 3px 10px 3px;
    padding:2px;
    position:relative;
    top:1px;
}

.nec{
    color:#ff0000;
    margin:0 1%;
}

.form select{
    margin:3px 5px 3px 0;
}

.form textarea{
    width:98%;
}

.form td label{
    margin:3px 0;
    line-height: 230%;
    padding: 0 4px;
}

.form td.labelM label{
    display:block;
    width: 100%;
}

.form td.row2 label{
    width:50%;
    float:left;
}

.form td.labelM label input{
    margin:0 3px 3px 3px;
}

.form td.row4 label{
    width:25%;
    float:left;
}

.form .reminder.r_lnk{
    text-align:right;
    float:none;
    font-size:75%;
    margin:3% 0 0;
}

@media all and (max-width:480px){
    .form table{
        display:block;
        background:none;
    }

    .form table caption{
        display:block;
    }

    .form table tr:nth-of-type(odd){
        background:none;
    }

    .form table tbody{
        display:block;
    }

    .form table tbody tr{
        display:block;
        margin-bottom:1.5em;
    }

    .form table tbody th,
    .form table tbody td{
        font-size:75%;
        text-align:left;
        display:list-item;
        list-style-type:none;
        border:none;
    }

    .form table tbody th{
        width:auto;
        padding:1% 2%;
        margin-bottom:3%;
        background:#f8f8f8;
    }

    .form table tbody td{
        padding:0 2%;
        margin-bottom:2%;
    }

    .form td.row2 label{
        width:100%;
    }
}

/* module check form
------------------------*/
.check_form{
    margin:3% 0 0 0;
}

.check_form table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
}

.check_form caption{
    font-size:100%;
    font-weight:bold;
    text-align:left;
    padding:0 0 0 1%;
    margin:0 0 2% 0;
    border-left:5px solid #f4a43d;
}

.check_form table tr:nth-of-type(odd){
    background:#fff;
}

.check_form table td,
.check_form table th{
    padding:2%;
    border:1px solid #d4d4d4;
}

.check_form table th{
    width:30%;
    font-size:87.5%;
    font-weight:bold;
    text-align:center;
    line-height:160%;
}

.check_form table td{
    font-size:95%;
    line-height:150%;
}

@media all and (max-width:480px){
    .check_form table{
        display:block;
        background:none;
    }

    .check_form table caption{
        display:block;
    }

    .check_form table tr:nth-of-type(odd){
        background:none;
    }


    .check_form table tbody{
        display:block;
    }

    .check_form table tbody tr{
        display:block;
        margin-bottom:1.5em;
    }

    .check_form table tbody th,
    .check_form table tbody td{
        font-size:75%;
        text-align:left;
        display:list-item;
        list-style-type:none;
        border:none;
    }

    .check_form table tbody th{
        width:auto;
        padding:1% 2%;
        margin-bottom:3%;
        background:#f8f8f8;
    }

    .check_form table tbody td{
        padding:0 2%;
        margin-bottom:2%;
    }
}

/* error
------------------------*/
.error{
    margin:3% auto;
}

.error .msg{
    font-size:100%;
    font-weight:bold;
    color:#ff0000;
    padding:0 0 0 19px;
    background:url(img/icon_alert.png) no-repeat 0 50%;
    background-size:contain;
}

.error ul{
    margin:1% 0 0 3%;
}

.error li{
    font-size:75%;
    color:#ff0000;
    line-height:160%;
    list-style:disc;
}

@media all and (max-width:480px){
    .error .msg{
        font-size:75%;
    }

    .error ul{
        margin-left:8%;
    }

    .error li{
        font-size:75%;
    }
}

/* message
------------------------*/
.comp dl{
    padding:3%;
    background:#f8f8f8;
}

.comp dt{
    font-size:87.5%;
    text-align:center;
    line-height:160%;
    margin:0 0 3% 0;
}

.comp dd{
    text-align:center;
}

.comp dd p a{
    font-size:75%;
    min-height:14px;
    padding:0 0 0 19px;
    background:url(img/icon_arrow1.png) no-repeat 0 50%;
    background-size:14px 14px;
}

@media all and (max-width:480px){
    .comp dt,
    .comp dd p a{
        font-size:75%;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents entry

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.entry{
    border:1px solid #dadada;
    background:#f8f8f8;
}

.com_info + .entry{
  margin:3% 0 0 0;
}

.entry h2{
    color:#202020;
    font-size:112.5%;
    padding:1.5%;
    background:#fff;
    border-bottom:3px solid #f4a43d;
}

.entry .ex{
    font-size:75%;
}

.entry table.detail{
    margin:0 0 5% 0;
}

.entry .detail td{
    text-align:center;
}

.entry .detail td br{
    display: none;
}

a.link_delete{
    color:#fff;
    padding:5%;
    display:block;
    background:#f4a43d;
    border-radius:3px;
}

a.link_delete:hover{
    background:#bbb;
}

.link_entry,
.link_bookmark{
    border:1px solid #dadada;
    background:#f8f8f8;
}

.link_remove{
    border:1px solid #dadada;
    background:#f8f8f8;
}

.link_entry:hover,
.link_bookmark:hover{
    background:#fcfcfc;
}

.link_remove:hover{
    border:1px solid #e0e0e0;
    background:#e0e0e0;
}

.link_remove a{
    color:#666;
}

@media all and (max-width:568px){
    .entry h2{
        font-size:100%;
    }
}

@media all and (max-width:480px){
    .entry h2{
        font-size:87.5%;
        padding:2%;
    }

    .entry table.detail{
        border:1px solid #ccc;
    }

    .entry table.detail tbody{
        padding:3%;
    }

    a.link_delete{
        width:45%;
        padding:2%;
        margin:5% auto 0 auto;
    }

    .link_bookmark,
    .link_remove a{
        margin:0 0 3% 0;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents about

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.about{
    border:1px solid #dadada;
    background:#f8f8f8;
    margin: 0 0 30px 0;
}

.about h2{
    color:#202020;
    font-size:112.5%;
    padding:1.5%;
    background:#fff;
    border-bottom:3px solid #f4a43d;
}

.about h3{
    color:#fff;
    font-size:100%;
    font-weight:normal;
    padding:1%;
    margin:0 0 2% 0;
    background:#202020;
}

.about .ex{
    font-size:75%;
}

.about .aboutText{
	font-size:87.5%;
    line-height:160%;
    margin:1% 0 3% 0;
}

.about .aboutText .point{
    color: #ff7a00;
}

.about table{
	width: 100%;
}

.about table th,
.about table td{
	font-weight: normal;
	border:1px solid #202020;
	padding: 10px 10px;
	text-align: center;
	font-size:75%;
    line-height: 1.6em;
	vertical-align: middle;
}

.about table thead th{
	background: #dcdcdc;
}

.about table tbody th{
	background: #eeeeee;
}

.about h4{
    font-weight:normal;
    padding:1% 0;
    margin: 0 0 1% 0;
    border-top:1px solid #202020;
    border-bottom:1px solid #202020;
}

.about .flowbox{
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding:3%;
}

.about .flowbox h4{
    font-size:120%;
    font-weight:normal;
    line-height:160%;
    padding:1% 0;
    border-top:1px solid #202020;
    border-bottom:1px solid #202020;
}

.about .flowbox p{
    font-size:87.5%;
    line-height:160%;
    margin:3% 0 0 0;
}

.about .flowbox .left,
.about .flowbox .right{
    flex-basis: 48%;
}

.about .flowbox .left img,
.about .flowbox .right img{
    width: 100%;
}

.about .whatbox{
    background: #fff;
    padding:3%;
}
.about .whatbox h3{
    font-size: 120%;
    background:#ffffff;
    color:#444444;
}
.about .whatbox p {
    font-size: 87.5%;
    line-height: 160%;
    margin: 3% 0 0 0;
}
.about .whatbox p span{
    font-size: 150%;
    color: #ff7a00;
}
.about .whatbox ul li{
    font-size: 87.5%;
    line-height: 160%;
}
.about .whatbox ul li.whiteIB{
    background:#ffffff;
    margin-top: 2%;
    font-size: 100%;
    color: #ff7a00;
}

.about .whatbox .aboutTit{
    line-height: 160%;
}

.about .whatbox .troubleList p {
    font-size: 100%;
    line-height: 160%;
    margin: 0 0 3% 0;
}

.about .whatbox .textNOM {
    font-size: 87.5%;
    line-height: 160%;
    margin: 0;
}

.about .aboutArea{
    background: #ffffff;
}
.about .aboutArea p{
    font-size: 87.5%;
    line-height: 160%;
}
.about .aboutArea h4{
    font-size: 132%;
    font-weight: normal;
    line-height: 160%;
    border:none;
}
.about .troubleList{
    margin-top: 3%;
    border: 1px dotted #cccccc;
    padding: 20px;
}
.aboutStep{
    background: #fff;
    padding: 3%;
}
.aboutStep ul li{
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    background:#e7f2f2;
    box-sizing: border-box;
    padding:30px;
    font-size: 87.5%;
    line-height: 160%;
    margin-bottom: 50px;
    position: relative;
}
.aboutStep ul li:after{
    content:url(../img/about/stepArrow.gif);
    position: absolute;
    bottom: -47px;
    left: 47%;
}
.aboutStep ul li:last-child:after{content:"　";}
.aboutStep ul li div{font-size:120%;}
.aboutStep ul li span{
    font-size: 120%;
    display:block;
    margin-bottom: 10px;
    color:#f4a43d;
}

.aboutStepArea{
    background: #fff;
    padding: 3%;
}
.aboutStepArea ul li{
    display:flex;
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    background:#f8e7ee;
    box-sizing: border-box;
    padding:30px;
    font-size: 87.5%;
    line-height: 160%;
    margin-bottom: 50px;
    position: relative;
}
.aboutStepArea ul li:after{
    content:url(../img/about/stepArrow.gif);
    position: absolute;
    bottom: -47px;
    left: 47%;
}
.aboutStepArea ul li:last-child:after{content:"　";}
.aboutStepArea ul li div{font-size:120%;}
.aboutStepArea ul li span{
    font-size: 120%;
    display:block;
    margin-bottom: 10px;
    color:#c23d10;
}

.aboutStepArea ul li .aboutStepBox{
    width: 60%;
    margin-right: 6%;
}
.aboutStepArea ul li img{
    width: 34%;
    height: 100%;
}

.about .aboutArea{background: #fff;padding: 3%;}
.about .aboutArea p{font-size: 87.5%;line-height: 160%;margin: 3% 0 0 0;}
.about .aboutArea h4{font-size: 120%;font-weight: normal;line-height: 160%;border:none;}
.aboutStep{background: #fff;padding: 3%;}
.aboutStep ul li{border-radius:10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px; background:#e7e0d7;box-sizing: border-box; padding:30px;font-size: 87.5%;line-height: 160%; margin-bottom: 50px; position: relative;}
.aboutStep ul li:after{content:url(../img/about/stepArrow.png); position: absolute; bottom: -51px; left: 47%;}
.aboutStep ul li:last-child:after{content:"　";}
.aboutStep ul li div{font-size:120%;}
.aboutStep ul li span{font-size: 120%; display:block; margin-bottom: 10px; color:#c23d10;}
.aboutStep ul li p{padding:10px 0;}
.aboutBtnArea{margin:30px 0 0; display: flex;}
.aboutBtnArea .formBtnBox{margin-right:4%;}
.aboutBtnArea .formBtnBox,.aboutBtnArea .coordinatorBtnBox{width: 48%;}
.aboutBtnArea .formBtnBox a{border-radius:10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px; background:#f4a43d; color:#ffffff; width: 100%; text-align: center;padding: 20px 0; display: block;}
.aboutBtnArea .coordinatorBtnBox a{border-radius:10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px; background:#f4a43d; color:#ffffff; width: 100%; text-align: center;padding: 20px 0; display: block;}
.aboutBtnArea .formBtnBox a:hover,.aboutBtnArea .coordinatorBtnBox a:hover{opacity: 0.9;filter: alpha(opacity=90);background:#f4a43d;}

.aboutStep h3{background: #f4a43d; margin: 0 0 4% 0;}

@media all and (max-width:480px){
    .about .flowbox{
        display: block;
    }

    .aboutStepArea ul li{
    display:block;
}

    .aboutBtnArea{
        display: block;
    }
    .aboutBtnArea .formBtnBox,.aboutBtnArea .coordinatorBtnBox{
        width: 100%;
    }
    .aboutBtnArea .coordinatorBtnBox{
        margin-top:3%;
    }

    .aboutStepArea ul li .aboutStepBox{
    width: 100%;
    margin-right: 0;
}
.aboutStepArea ul li img{
    width: 100%;
    margin-top: 10px;
}

}

@media all and (max-width:375px){
    .about h2{
        color:#202020;
        font-size:100%;
        padding:2%;
    }

    .about h3{
        font-size:87.5%;
        padding:2%;
    }
}

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


@media all and (max-width:1024px){
    .flow li.f_01,
    .flow li.f_02{
        background-size:50% auto;
    }

    .flow li h4{
        width:45%;
        font-size:100%;
    }

    .flow li:nth-child(2n) h4,
    .flow li:nth-child(2n) p{
        margin-left:55%;
    }

    .flow li p{
        width:45%;
    }
}

@media all and (max-width:480px){
    .flow li{
        padding:0 0 10% 0;
        margin:5% 0 5% 0;
    }

    .flow li.f_01,
    .flow li.f_02{
        padding:0 0 80% 0;
        background-position:center bottom;
        background-size:80% auto;
    }

    .flow li h4{
        width:100%;
        font-size:87.5%;
    }

    .flow li:nth-child(2n) h4,
    .flow li:nth-child(2n) p{
        margin-left:0;
    }

    .flow li p{
        width:100%;
        font-size:75%;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents client

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.client{
    border:1px solid #dadada;
    background: #fff;
}

.client h2{
    color:#202020;
    font-size:112.5%;
    padding:1.5%;
    background:#fff;
    border-bottom:3px solid #f4a43d;
}

.client .box{
    padding:3% 3% 0 3%;
}

.client h3{
    color:#fff;
    font-size:100%;
    font-weight:normal;
    padding:1%;
    margin:0 0 2% 0;
    background:#f4a43d;
}

.client .ex{
    font-size:75%;
}

.client .clientText{
    font-size:87.5%;
    line-height:160%;
    margin:1% 0 3% 0;
}



@media all and (max-width:375px){
    .client h2{
        color:#202020;
        font-size:100%;
        padding:2%;
    }

    .client h3{
        font-size:87.5%;
        padding:2%;
    }
}

/* price
------------------------*/
.price{
    margin:5% 0 0 0;
}

.price table.common{
    margin:0 0 3% 0;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents agent

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.agent{
    border:1px solid #dadada;
    background: #fff;
}

.agent h2{
    color:#202020;
    font-size:112.5%;
    padding:1.5%;
    background:#fff;
    border-bottom:3px solid #f4a43d;
}

.agent .box{
}

.agent ul{
    padding:3% 3% 0 3%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
}

.agent li{
    -ms-flex-preferred-size: 23%;
        flex-basis: 23%;
    margin: 0 0 3% 0;
}

.agent .image{
    margin: 0 0 12px 0;
    text-align: center;
}

.agent img{
    display: inline;
}

.agent h3{
    color:#f4a43d;
    font-size:100%;
    font-weight:normal;
    margin: 0 0 8px 0;
}

.agent .text{
    font-size: 87.5%;
    line-height: 1.2em;
}


@media all and (max-width:480px){
    .agent h2{
        color:#202020;
        font-size:100%;
        padding:2%;
    }

    .agent h3{
        font-size:87.5%;
        margin: 0 0 2% 0;
    }

    .agent ul{
        display: block;
        padding:10% 3% 0 3%;
    }

    .agent li{
        margin: 0 0 10% 0;
}
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents uservoice

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.uservoice{
    border:1px solid #dadada;
    background: #fff;
}

.uservoice h2{
    color:#202020;
    font-size:112.5%;
    padding:1.5%;
    background:#fff;
    border-bottom:3px solid #f4a43d;
}

.uservoice .box{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #959595;
    padding: 0 0 20px 0;
    margin: 20px;
}

.uservoice .box:last-child{
    border: none;
}

.uservoice .userphoto{
    border: none;
    flex-basis: 20%;
}

.uservoice .text{
    flex-basis: 78%;
    margin: 3em 0 0 0;
}

.uservoice h3{
    color:#f4a43d;
    font-size:100%;
    font-weight:normal;
    margin: 0 0 8px 0;
}

.uservoice .text p{
    font-size: 87.5%;
    line-height: 1.4em;
}

@media all and (max-width:480px){
    .uservoice h2{
        color:#202020;
        font-size:100%;
        padding:2%;
    }

    .uservoice h3{
        font-size:87.5%;
        margin: 0 0 2% 0;
    }

    .uservoice .box{
        display: block;
    }

    .uservoice .userphoto {
        text-align: center;
    }

    .uservoice .userphoto img{
        display: inline;
    }

}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents company

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.company{
    border:1px solid #dadada;
    background:#f8f8f8;
}

.company h2{
    color:#202020;
    font-size:112.5%;
    padding:1.5%;
    background:#fff;
    border-bottom:3px solid #f4a43d;
}

.company table.common th{
    width:30%;
}

.company table.common td{
    text-align:left;
}

@media all and (max-width:480px){
    .company table.common th{
        width:auto;
    }

}

@media all and (max-width:375px){
    .company h2{
        color:#202020;
        font-size:100%;
        padding:2%;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents faq

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.faq{
    border:1px solid #dadada;
    background:#f8f8f8;
}

.faq h2{
    color:#202020;
    font-size:112.5%;
    padding:1.5%;
    background:#fff;
    border-bottom:3px solid #f4a43d;
}

.faq li{
    padding:10px;
    margin:0 0 10px 0;
    border-bottom:1px dotted #e0e0e0;
}

.faq li h3{
    font-size:87.5%;
    line-height:150%;
    color:#2285d1;
    padding:0 0 0 30px;
    background:url(img/icon_q.png) no-repeat 0 0;
    background-size:20px 20px;
}

.faq li h3:hover{
    cursor:pointer;
    text-decoration:underline;
}

.faq li p{
    font-size:75%;
    line-height:160%;
    padding:10px 0 0 0;
    margin:10px 0;
}

@media all and (max-width:375px){
    .faq h2{
        color:#202020;
        font-size:100%;
        padding:2%;
    }
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents policy

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.policy{
    border:1px solid #dadada;
    background:#f8f8f8;
}

.policy h2{
    color:#202020;
    font-size:112.5%;
    padding:1.5%;
    background:#fff;
    border-bottom:3px solid #f4a43d;
}

.policy dl{}

.policy dt{
    font-size:87.5%;
    line-height:160%;
    font-weight:bold;
    margin:0 0 0.5% 0;
}

.policy dd{
    font-size:75%;
    line-height:160%;
    padding:0 0 1% 0;
    margin:0 0 1% 0;
    border-bottom:1px dotted #bbb;
}

.policy dd ol{
    margin:1% 0 0 0;
}

.policy dd li{
    list-style:decimal;
    margin:0 0 1% 3%;
}

@media all and (max-width:480px){
    .policy dd li{
        margin-left:5%;
    }
}

@media all and (max-width:375px){
    .policy h2{
        color:#202020;
        font-size:100%;
        padding:2%;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents news

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.news{
    border:1px solid #dadada;
    background:#f8f8f8;
}

.news h2{
    color:#202020;
    font-size:112.5%;
    padding:1.5%;
    background:#fff;
    border-bottom:3px solid #f4a43d;
}

/* module news list
------------------------*/
dl.news_list{
    position:relative;
    zoom:1;
}

dl.news_list dt,
dl.news_list dd{
    font-size:75%;
    line-height:160%;
    vertical-align:top;
}

dl.news_list dt{
    width:10%;
    color:#2285d1;
    font-weight:bold;
    /*position:absolute;*/
}

dl.news_list dd{
    padding:0 0 1% 10%;
    margin:0 0 1% 0;
    border-bottom:1px dotted #bbb;
}

.news dl.news_list dd:last-child{
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:none;
}

dl.news_list dd a{
    color:#333;
    text-decoration:underline;
}

@media all and (max-width:830px){
    dl.news_list dt{
        width:12%;
    }

    dl.news_list dd{
        padding:0 0 1% 12%;
    }

}

@media all and (max-width:480px){
    dl.news_list dt{
        width:20%;
    }

    dl.news_list dd{
        padding:0 0 1% 20%;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents sitemap

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.sitemap{
    border:1px solid #dadada;
    background:#f8f8f8;
}

.sitemap h2{
    color:#202020;
    font-size:112.5%;
    padding:1.5%;
    background:#fff;
    border-bottom:3px solid #f4a43d;
}

.sitemap .box{
    padding:3% 3% 0 3%;
}

.sitemap h3{
    font-size:100%;
    color:#202020;
    font-weight:normal;
    padding:0 0 0 1%;
    margin:0 0 2% 0;
    border-left:5px solid #f4a43d;
    clear:both;
}

.sitemap ul{
    margin:1% -1% 3% 0;
}

.sitemap li{
    width:32%;
    margin:0 1% 1% 0;
    border:1px solid #d4d4d4;
    float:left;
}

.sitemap li a{
    font-size:75%;
    color:#333;
    text-decoration:none;
    padding:4%;
    display:block;
    background:url(img/icon_arrow2.png) no-repeat 98% 50%;
    background-size:12px 22px;
}

.sitemap li a:hover{
    background-color:#f8f8f8;
}

@media all and (max-width:768px){
    .sitemap h3{
        margin:3% 0 0 0;
    }

    .sitemap ul{
        margin-top:2%;
    }

    .sitemap li{
        width:48.2%;
    }

    .sitemap li a{
        font-size:75%;
        padding:5%;
    }
}

@media all and (max-width:375px){
    .sitemap h2{
        color:#202020;
        font-size:100%;
        padding:2%;
    }

    .sitemap h3{
        font-size:87.5%;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 introduction

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.introduction {
    border: 1px solid #dadada;
    background: #ffffff;
    margin: 0 0 30px 0;
}

.introduction h2 {
    color: #202020;
    font-size: 112.5%;
    padding: 1.5%;
    background: #fff;
    border-bottom: 3px solid #f4a43d;
}

.introduction .whatbox {
    padding: 0 3%;
}

.introduction h3 {
    color: #fff;
    font-size: 100%;
    font-weight: normal;
    padding: 1%;
    margin: 5% 0 2%;
    background: #f4a43d;
}

.introduction .whatbox p {
    font-size: 87.5%;
    line-height: 160%;
    margin: 3% 0 0 0;
}

.introduction .introductionStart{
    display: flex;
}

.introduction .introductionStart .introductionStartBox{
    width: 70%;
}

.introduction .introductionStart img{
    width:30%;
    height: 100%;
    margin-top:3%;
}

.introduction p span {
    margin-top: 2%;
    font-size: 100%;
    color: #ff7a00;
}

.introduction ul{
    margin-top: 3%;
}

.introduction ul li {
    font-size: 87.5%;
    line-height: 160%;
}

.introduction .introductionTarget{
    margin-top: 0;
}

.introduction .introductionTarget li span{
    font-weight: bold;
}

.introduction .introductionStep ul li {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    box-sizing: border-box;
    padding: 30px;
    font-size: 87.5%;
    line-height: 160%;
    margin-bottom: 50px;
    position: relative;
}

.introduction .introductionStep ul li:after {
    content: url(../img/about/stepArrow.gif);
    position: absolute;
    bottom: -47px;
    left: 47%;
}

.introduction .introductionStep ul li:last-child:after{
    content:"";
}

.introduction .introductionStep ul li:nth-child(1){
    background:url(../img/introduction/introductionIllust01.png) no-repeat right bottom;
        background-color: #f7eaf0;
}

.introduction .introductionStep ul li:nth-child(2){
    background:url(../img/introduction/introductionIllust02.png) no-repeat right bottom;
        background-color: #f7eaf0;
}

.introduction .introductionStep ul li:nth-child(3){
    background:url(../img/introduction/introductionIllust03.png) no-repeat right bottom;
        background-color: #f7eaf0;
}

.introduction .introductionStep ul li:nth-child(4){
    background:url(../img/introduction/introductionIllust04.png) no-repeat right bottom;
        background-color: #f7eaf0;
}

.introduction .introductionPeriod{
    border:1px #cccccc solid;
    padding:20px;
    line-height: 160%;
    width: 96%;
    margin:30px auto;
    box-sizing: border-box;
    font-size: 87.5%;
}

.introduction .introductionPeriod span{
    font-weight: bold;
}

.introduction .introductionStep ul li span {
    font-size: 120%;
    display: block;
    margin-bottom: 10px;
    color: #f4a43d;
}

.introduction .introductionStep ul li span.introductionCap{
    font-size: 88.5%;
}

.introduction .introductionBtnArea {
    margin: 30px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 96%;
}

.introduction .formBtnBox {
    width: 36%;
    margin-right: 4%;
}

.introduction .formBtnBox:last-child{
    margin-right: 0;
    width: 60%;
}

.introduction .formBtnBox a {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    background: #f4a43d;
    color: #ffffff;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    display: block;
}

.introduction .formBtnBox:first-child a{
    background:#39b733;
    padding: 0;
}

.introduction .formBtnBox:first-child a img{
    display: inline;
}

@media all and (max-width:768px){
    .introduction .introductionStart{
        display: block;
    }

    .introduction .introductionStart .introductionStartBox{
        width: 100%;
    }

    .introduction .introductionStart img{
        width: 70%;
        margin:10px auto 0;
    }

    .introduction .introductionBtnArea{
        display: block;
    }

    .introduction .formBtnBox:last-child{
        width: 100%;
        margin: 0 auto;
    }

    .introduction .formBtnBox{
    width: 100%;
}

    .introduction .formBtnBox a{
        width: 100%;
        margin-bottom: 20px;
    }

    .introduction .introductionPeriod{
        font-size: 87.5%;
        line-height: 160%;
    }

.introduction .introductionStep ul li:nth-child(1) div{
    width: 70%;
}

.introduction .introductionStep ul li:nth-child(2) span{
    width: 60%;
    display: block;
    margin-top: 10px;
}

.introduction .introductionStep ul li:nth-child(4) div{
        width: 40%;
}

.introduction .introductionStep ul li:nth-child(3) div{
        width: 56%;
}

.introduction .introductionStep ul li{
    padding: 20px;
}

}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #sub contents

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#sub{}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #sub contents bana

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.bana_search,
.bana_login,
.bana_member{
    margin:0 0 5% 0;
}

.bana_login{
    background-color:#2185d1;
    border-radius:2px;
}

.bana_login a{
    color:#fff;
    display:block;
    padding:7% 7% 7% 24%;
    background:transparent url(img/s_login.png) no-repeat;
    background-position:4% 50%;
    background-size:40px 40px;
}

.bana_search:hover,
.bana_login:hover,
.bana_member a:hover img{
    opacity: 0.9;
    filter: alpha(opacity=90);
}

@media all and (max-width:830px){
    .bana_search,
    .bana_login,
    .bana_member{
        width:49%;
        margin:4% 1% 4% 0;
        float:left;
    }

    /*.bana_search,*/
    .bana_member{
        margin:4% 0 4% 1%;
    }

    .bana_login{
      border-radius:5px;
    }

    .bana_login a{
      font-size:120%;
      text-align:center;
      padding:20% 5% 7% 20%;
    }
}

@media all and (max-width:480px){
    .bana_search,
    .bana_login,
    .bana_member{
        width:80%;
        margin:4% auto;
        float:none;
    }

    .bana_login a{
      font-size:100%;
      text-align:left;
      padding:7% 7% 7% 24%;
    }
}

@media all and (max-width:320px){
    .bana_search,
    .bana_login,
    .bana_member{
        width:100%;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #sub contents navi

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.s_navi{
    clear:both;
}

.s_navi ul{}

.s_navi li{
    width:100%;
    font-size:100%;
    margin:0 0 5% 0;
    border:1px solid #e0e0e0;
    border-radius:2px;
    background:#fff;
    box-sizing:border-box;
}

.s_navi li:hover{
    border:1px solid #bbb;
}

.s_navi li a{
    color:#202020;
    display:block;
    text-decoration:none;
    /*padding:7% 0 7% 24%;*/
    padding:7%;
    background-repeat:no-repeat;
    background-position:4% 50%;
    background-size:40px 40px;
}

.s_navi li.s_01 a{
    background-image:url(img/s_01.png);
}

.s_navi li.s_02 a{
    background-image:url(img/s_02.png);
}

.s_navi li.s_03 a{
    background-image:url(img/s_03.png);
}

.s_navi li a i{font-size: 135%; margin-right:6px; color: #444444;}

@media all and (max-width:830px){
    .s_navi{
        margin:4% 0;
    }

    .s_navi ul{
        margin:0 -1% 0 0;
    }

    .s_navi li{
        width:32%;
        margin:0 1% 0 0;
        float:left;
    }
}

@media all and (max-width:567px){
    .s_navi{
        margin:4% 0 2% 0;
    }

    .s_navi ul{
        margin:0 -2% 0 0;
    }

    .s_navi li{
        width:48%;
        font-size:87.5%;
        margin:0 2% 2% 0;
    }

    .s_navi li a{
        padding:10% 0 10% 28%;
        background-position:3% 50%;
        background-size:40px 40px;
    }
}

@media all and (max-width:480px){
    .s_navi li a{
        padding:10% 8%;
        background-position:5% 50%;
        background-size:40px 40px;
    }
}

@media all and (max-width:375px){
    .s_navi li{
        width:47.3%;
        font-size:68.75%;
    }

    .s_navi li a{
        padding-left:7%;
    }
}


@media all and (max-width:320px){
    .s_navi ul{
        margin:0;
    }

    .s_navi li{
        width:100%;
        font-size:100%;
    }

    .s_navi li a{
        padding:5% 0 5% 20%;
        background-position:3% 50%;
        background-size:40px 40px;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #sub contents top news

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#ld_news{
    width:100%;
    height:auto;
    background:#fff;
}

.top_news{
    overflow:hidden;
    margin:3% 0 0 0;
    background:#fff;
    border:1px solid #dadada;
}

.top_news h2{
    font-size:100%;
    font-weight:normal;
    min-height:18px;
    padding:5% 5% 3% 15%;
    background:#f8f8f8 url(img/icon_news.png) no-repeat 5% 50%;
    background-size:18px 18px;
    border-bottom:1px solid #dadada;
    position:relative;
}

.top_news .r_lnk{
    font-size:75%;
    margin:3%;
}

@media all and (max-width:768px){
    .dl_news{
        height:390px;
    }

    .top_news h2{
        font-size:100%;
        font-weight:normal;
        min-height:18px;
        padding:2% 2% 1% 7%;
        background-position:2% 50%;
    }
}

@media all and (max-width:480px){
    .top_news h2{
        padding-left:8%;
    }
}

@media all and (max-width:375px){
    #ld_news{
        height:320px;
    }
}

@media all and (max-width:320px){
    #ld_news{
        height:300px;
    }

    .top_news h2{
        padding-left:9%;
    }
}

/* module ld_news
------------------------*/
#sub dl.news_list{
    padding:5%;
    position:relative;
    zoom:1;
}

#sub dl.news_list dt,
#sub dl.news_list dd{
    font-size:75%;
}

#sub dl.news_list dt{
    font-weight:bold;
    margin:0 0 3% 0;
}

#sub dl.news_list dd{
    line-height:160%;
    padding:0 0 5% 0;
    margin:0 0 5% 0;
    border-bottom:1px dotted #bbb;
}

#sub dl.news_list dd a{
    color:#333;
    display:block;
}

#sub dl.news_list dd a:hover{
    color:#ec5aa1;
}

@media all and (max-width:768px){
    #sub dl.news_list dt{
        margin:0 0 1% 0;
    }

    #sub dl.news_list dd{
        padding:0 0 2% 0;
        margin:0 0 2% 0;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

  module member l_navi

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.l_navi{
    padding:0 9px 9px 9px;
    margin:0 0 5% 0;
    background-color:#2185d1;
    border-radius:2px;
}

.l_navi h2{
    color:#fff;
    font-size:87.5%;
    text-align:center;
    height:25px;
    padding:13px 0 0 0;
}

.l_navi ul{
    padding:10px;
    background-color:#fff;
}

.l_navi li a{
    font-size:75%;
    font-weight:bold;
    text-decoration:none;
    display:block;
    padding:7px 0 7px 20px;
    border-bottom:1px dotted #bbb;
    background:url(img/icon_arrow1.png) no-repeat 0 50%;
    background-size:14px 14px;
}

.l_navi li a:hover{
    color:#f4a43d;
}

@media all and (max-width:768px){
    .l_navi{
        margin:3% 0 5% 0;
    }
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

ハンバーガーメニュー

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.nav-button {
  display: none;
}
.nav {
  a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    color: #448aff;
  }
  li {
    display: inline-block;
    margin: 0 10px;
  }
}
#g_navi .nav li {
    margin: 0 !important;
}
.nav-wrap.open {
  display: block;
}
.nav-wrap.close {
  display: none;
}
@media screen and (min-width: 481px) {
  .nav-wrap {
    display: block !important;
  }
}
.content {
  padding: 20px;
}
@media screen and (max-width: 480px) {
  .nav-button {
    display: block;
    cursor: pointer;
  }
  .nav-wrap {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    .nav {
      height: 100%;
      position: relative;
      overflow-x: hidden;
      overflow-y: auto;
    }
    li {
      display: block;
      margin: 2em;
      a {
        color: #fff;
        font-size: 18px;
      }
    }
  }
  /*メニューボタン*/
  .menuBtn{
    background:#f4a43d;
    padding:11px 7px 7px;
    position: absolute;
    top:5px;
    right:5px;
  }
  .nav-button,
  .nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .nav-button {
    z-index: 20;
    position: relative;
    width: 35px;
    height: 31px;
  }
  .nav-button span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #ffffff;
    border-radius: 4px;
  }
  .nav-button span:nth-of-type(1) {
    top: -4px;
  }
  .nav-button span:nth-of-type(2) {
    top: 11px;
  }
  .nav-button span:nth-of-type(3) {
    bottom: 0;
  }
  .nav-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(16px) rotate(-45deg);
    transform: translateY(16px) rotate(-45deg);
  }
  .nav-button.active span:nth-of-type(2) {
    opacity: 0;
  }
  .nav-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-16px) rotate(45deg);
    transform: translateY(-16px) rotate(45deg);
  }
  
    h1 {
        font-size: 75% !important;
        width: 100%;
        margin: 10px 0 0 0;
    }  
    #g_navi li {
        width: 100%;
    }
    
    #g_navi li a {
        background: none;
      font-size:110%;
    }
    
    #g_navi ul {
        margin-top: 50px;
    }
      
    .spnone{
      display:none;
     }
    
     .form td.labelM label:nth-child(6) {
        margin-right: 0;
    }
  
}



/* merit
------------------------*/
.merit{
    border:1px solid #e8b7a8;
    background:#ffffff;
    margin:3% 0 0 0;
}
.merit h3{
    color:#202020;
    font-size:112.5%;
    font-weight:normal;
    padding:1%;
    background:#fff;
    border-bottom:3px solid #ed6d47;
    margin-bottom: 3%;
}
.merit h4{
    padding:0 1%;
    font-size:100%;
    font-weight:normal;
    background:#fff;
    margin:0 1%;
    margin-bottom: 2%;
}
.merit p{
    font-size: 85%;
    text-align: left;
    line-height: 160%;
    padding:0 2%;
}
.merit ul{
    padding:0 2%;
}
.merit ul li{
    font-size: 85%;
    text-align: left;
    line-height: 160%;
}
.merit a{
    border: 1px solid #ed6d47;
    background: #ed6d47;
    width: 100%;
    color: #fff;
    font-weight: normal;
    display: block;
    padding: 2%;
    border-radius: 3px;
    box-sizing: border-box;
    width: 30%;
    margin:30px auto;
    text-align: center;
    box-sizing: border-box;
}
.meritBox{
    display: flex;
}
.meritBox .meritTxt{
    width: 60%;
}
.meritBox .meritTxt ul{
    margin-bottom: 15px;
}
.meritBox .meritImg{
    width: 40%;
    padding-right: 10px;
}

@media all and (max-width:568px){
    .merit h3{
    font-size:100%;
    }
    .merit a{
        width:90%;
    }
    .meritBox{
    display: block;
}
.meritBox .meritTxt{
    width: 94%;
    margin:0 auto 10px;
}
.meritBox .meritImg{
    width: 94%;
    margin:0 auto;
}
    .meritBox .meritImg img{
        width: 100%;
    }
}

@media all and (max-width:320px){
    .merit h3{
        font-size:87.5%;
        padding:2%;
}
}



/* recommend
------------------------*/

.recommend {
    border: 1px solid #cccccc;
    background: #ffffff;
    margin: 3% 0 0 0;
}

.recommend h3 {
    color: #202020;
    font-size: 112.5%;
    font-weight: normal;
    padding: 1%;
    background: #fff;
    border-bottom: 3px solid #f4a43d;
    margin-bottom: 3%;
}

.recommend #ld_reco {
    background: #ffffff;
}