@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;
    background:#202020;
}

@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:0.7% 0;
    margin:0 auto;
    position:relative;
    /*position:fixed;
    top:0;
    left:0;
    z-index:100;*/
}

h1{
    font-size:75%;
    line-height:150%;
}

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

/* logo
------------------------*/
#logo{
    width:360px;
    margin:1% 0 0 0;
    float:left;
}

#logo a{
    width:360px;
    height:70px;
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    background:url(img/logo.png) no-repeat center 0;
    background-size:360px 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){
    #logo{
        width:35%;
        margin:3% 0 0 0;
    }
}

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

/* header navi
------------------------*/
.h_navi{
    width:27%;
    margin:1% 0;
    float:right;
}

.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% 0;
    }
}

@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;
    }
*/
    .h_navi{
        display: none;
    }
}

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

 global navi
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#g_navi{
    background-color:#0066af;
    background:linear-gradient(#0066af, #3399ff);
    border-top:1px solid #0033cc;
    border-bottom:1px solid #0066af;
}

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

#g_navi li{
    width:20%;
    text-align:center;
    float:left;
    border-left:1px solid #99ccff;
    border-right:1px solid #0033cc;
    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:#0066af;
    background:linear-gradient(#0066af, #3399ff);
}

#g_navi li a:hover,
#g_navi li#current a{
    background:linear-gradient(#aaddff, #66ccff);
}

@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 .g_01{
        display:none;
    }

    #g_navi li{
        width:25%;
    }
}

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

@media all and (max-width:375px){
}
*/
@media all and (max-width:568px){
    #g_navi {
        display:none;
    }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 gnavi_sp
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.gnavi_sp_wrap {
    display: none;
}
@media (max-width: 568px){
    .gnavi_sp_wrap {
        box-sizing: border-box;
        display: block;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 500;
        background: rgba(255, 255, 255, 0.5);
    }
    ul.gnavi_sp {
        list-style: none;
        display: none;
    }
    ul.gnavi_sp li {
    }
    ul.gnavi_sp li:last-child {
        margin-bottom: 0;
    }
    ul.gnavi_sp li a {
        position: relative;
        display: block;
        padding: 1em 0.5em 1em 1.4em;
        color: #fff;
        text-decoration: none;
        background: #0066af;
        border-bottom: 1px solid #fff;
    }
    ul.gnavi_sp li a.others {
        background: #33a3da;
    }
    ul.gnavi_sp li a:before {
        position: absolute;
        top: 50%;
        left: 0.2em;
        content: "";
        display: block;
        width: 1em;
        height: 1em;
        margin-top: -0.5em;
    }
    ul.gnavi_sp li a:before {
        background: url(./img/additional/gnavi_sp_arw.png) 0 0 no-repeat;
        background-size: 1em 1em;
    }
    ul.gnavi_sp li a.gnavi_sp_parent:before {
        background: url(./img/additional/icon_plus.png) 0 0 no-repeat;
        background-size: 1em 1em;
    }
    ul.gnavi_sp li a.gnavi_sp_parent.active:before {
        background: url(./img/additional/icon_minus.png) 0 0 no-repeat;
        background-size: 1em 1em;
    }
    ul.gnavi_sp_child {
        list-style: none;
    }
    ul.gnavi_sp_child li a {
        display: block;
        padding: 0.8em 0.5em 0.8em 1.4em;
        color: #fff;
        text-decoration: none;
        background:linear-gradient(#008ed2, #65b9e2);
        border-radius: 6px;
    }
}
/*--------------------- gnavi_hbg --------------------- */
.gnavi_hbg {
	position: absolute;
	right: 0;
	bottom: -40px;
	display: block;
	width: 30px;
	height: 30px;
	padding: 5px;
    background: #008ed2;
	z-index: 600;
}
.gnavi_hbg:hover {
	cursor: pointer;
    background: #c9e4f1;
}
.gnavi_hbg_icon {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-top: 15px;
}
.gnavi_hbg_icon,
.gnavi_hbg_icon:before,
.gnavi_hbg_icon:after {
	width: 100%;
	height: 2px;
	background-color: #fff;
}
.gnavi_hbg_icon:before,
.gnavi_hbg_icon:after {
	position: absolute;
	left: 0;
	content: "";
}
.gnavi_hbg_icon:before {
	top: -10px;
}
.gnavi_hbg_icon:after {
	top: 10px;
}
.active .gnavi_hbg_icon {
	background-color: transparent;
}
.active .gnavi_hbg_icon:before,
.active .gnavi_hbg_icon:after {
	top: 0;
}
.active .gnavi_hbg_icon:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.active .gnavi_hbg_icon:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 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:274px;
    height:48px;
    text-indent:-9999px;
    overflow:hidden;
    margin:0 auto 3% auto;
    background:url(img/logo3.png) no-repeat center 0;
    background-size:274px 48px;
}

.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:#0066af;
    font-size:180%;
    font-weight:bold;
    display:inline-block;
}

.f_contact .tel a{
    color:#0066af;
}

.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/logo3.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:10%;
    }
}

@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:3% 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.5em;
    right: 0.5em;
    z-index:100;
}

#page_top a{
    color:#fff;
    font-size: 80%;
/*    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{
        bottom: 0;
        right: 00;
        width:100%;
        border-radius:0;
    }

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


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

 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;
}

#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;
}

.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{
    position:relative;
}
.top_info_bg img{
    vertical-align: bottom;
}
.top_info_contents {
    position: absolute;
    bottom: 15%;
    left: 0;
    display: table;
    width: 100%;
}
.top_info_contents_cell {
        text-align: center;
}
#top_info h2{
    margin-bottom: 0.5em;
    color: #666;
    font-size:200%;
    font-weight: normal;
    text-shadow:1px 1px 3px #fff;
    line-height:160%;
}

/*----- btn -----*/
#top_info .btn_search{
}

#top_info .btn_search a{
    width:400px;
    margin: 0 auto;
    overflow:hidden;
    display:block;
/*
    background:url(img/btn_search.png) no-repeat 0 0;
    background-size:400px 120px;
*/
}
#top_info .btn_search a:hover {
    transition-property: opacity;
    transition-duration: 0.3s;
    opacity: 0.6;
}
@media all and (max-width:1280px){
    #top_info{
    }
    #top_info h2{
    }
    #top_info .btn_search{
        bottom:15%;
    }
    #top_info .btn_search a {
        width: 30%;
        height: auto;
    }
}

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

@media all and (max-width:768px){
    #top_info{
    }
    #top_info h2 {
        text-align: left;
        display: inline-block;
    }
}

@media all and (max-width:568px){
    #top_info h2{
        font-size:130%;
        margin-bottom: 1em;
    }
    #top_info .btn_search{
        bottom:5%;
    }
    #top_info .btn_search a {
        width:  50%;
    }
}

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

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

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

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

/* 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:#0066af;
    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*/
}

#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;
}
#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;
    }
}

@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%;
    }
  
    .post_img{
      max-height:115px;
    }
    .post_img a img{
      min-width:170px;
    }
}

@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:0 0 3% 0;
}

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

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

.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{
    padding:0 0 2% 0;
    margin:0 0 2% 0;
    background:#fff;
    border-bottom:1px dotted #bbb;
}

.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 #0066af;
}

.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:0 0 3% 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 #0066af;
}

.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% 3% 0 3%;
    background:#f8f8f8;
}

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

.top_employ li{
    width:47%;
    margin:0 3% 3% 0;
    font-size:100%;
    font-weight:bold;
    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 .em_04 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{
        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%;
    }
}


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

 #main contents search
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.search{}

.search h2{
    position: relative;
    color:#fff;
    font-size:112.5%;
    line-height: 1.3;
    font-weight:normal;
    padding: 15px 40px 15px 36px;
    background:#0066af url(img/icon_search2.png) no-repeat 1% 50%;
    background-size:18px 18px;
}
.search h2.standby:after {
	position: absolute;
	top: 50%;
	right: 6px;
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: url(./img/additional/icon_plus.png) 0 0 no-repeat;
	background-size: 24px 24px;
}
.search h2.active:after {
	position: absolute;
	top: 50%;
	right: 6px;
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: url(./img/additional/icon_minus.png) 0 0 no-repeat;
	background-size: 24px 24px;
}
.search .box{
    padding:1%;
    background:#f4f4f4;
}

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

@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%;
    }
}

/* 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 td label{
    margin:3px 0;
}

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

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

.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:#bbb;
    }

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

@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:#0066af;
    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%;
}

@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:6%;
    }

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

    table.detail tbody th{
        width:inherit;
        padding:1% 0 0 2%;
        margin-bottom:2%;
        font-size:100%;
        font-weight: normal;
        line-height: 1.2;
        border-left:5px solid #0066af;
        border-bottom:1px solid #0066af;
    }

    table.detail tbody td{
        padding:0 2%;
        font-size:75%;
    }
}


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

 #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:#fff;
    font-size:112.5%;
    font-weight:normal;
    padding:1%;
    background:#333;
    margin:0 0 2% 0;
}

.item .title a{
    box-sizing: border-box;
    padding: 0.3% 0;
    vertical-align: bottom;
    line-height: 1.2;
    color:#fff;
    display:block;
    text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

.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;
}

.item .right{
    width:70%;
    margin:0 0 3% 0;
    float:right;
}

/* thumb */
.item .thumb{}


/* feature */
.feature{
    margin:0 -1% 2% 0;
}

.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:75%;
        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:20px 0 2% 0;
    clear:both;
}
.info .btn_box{
    text-align:center;
    margin:20px 0 8% 0;
    clear:both;
}
.info .btn_box:last-child{
    text-align:center;
    margin:20px 0 2% 0;
    clear:both;
}
@media all and (max-width:667px){
    .info .btn_box{
        padding-bottom: 6%;
        border-bottom: 1px solid #ccc;
    }
    .info .btn_box:last-child{
        padding-bottom: 0;
        border-bottom: none;
    }
}
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:5% 2%;
    border-radius:3px;
    box-sizing: border-box;
}

p.btn_bookmark a{
    color:#666;
    padding:5% 2% 5% 10%;
    border:1px solid #999;
    background:#eee 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 #900;
    background:#c00;
    background:linear-gradient(#f33, #c00);
}

@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: 4% 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:480px){
    .item_info table.detail th{
        width:auto;
    }
}
@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 #0066af;
}

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

.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 #0066af;
}

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

.access .address{
    width:48%;
    float:right;
}

.access .address ul{}

.access .address li,
.access .address p{
    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,
.access .address p span{
    font-weight:bold;
    display:block;
    margin:0 0 1% 0;
}

.bp-indeed p span:first-child{
	display: none !important;
}

.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 #0066af;
}

.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;
    }
}


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

 #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 #0066af;
}

.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 3px 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;
}

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

.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 #0066af;
}

.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 #0066af;
}

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

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

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

a.link_delete{
    color:#fff;
    padding:5%;
    display:block;
    background:#0066af;
    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;
}

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

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

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

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

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

/* flow
------------------------*/
.flow{}

.flow ul{}

.flow li{
    padding:0 0 20% 0;
    margin:0 0 10% 0;
}

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

.flow li{
    background-position:right 0;
    background-repeat:no-repeat;
    background-size:45% auto;
}

.flow li:nth-child(2n){
    background-position:0 0;
}

.flow li.f_01{
    background-image:url(img/sample_bg_01.png);
}

.flow li.f_02{
    background-image:url(img/sample_bg_02.png);
}

.about .flow li.f_02{
    background-image:url(img/sample_bg_03.png);
}

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

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

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

@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:#f8f8f8;
}

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

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

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

@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 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 #0066af;
}

.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 #0066af;
}

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

.faq ul{
    margin:0 0 20px 0;
}

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

.faq li h4{
    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 h4: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 #0066af;
}

.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 #0066af;
}

/* 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 #0066af;
}

.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 #0066af;
    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%;
    }
}


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

 #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%;
    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.s_04 a{
    padding: 7% 0;
    text-indent: -9999px;
    background-image:url(img/banner_watowastaff.png);
    background-position:0 50%;
    background-size: contain;
}


@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.s_04{
        box-sizing: border-box;
        width:98%;
        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% 0 10% 26%;
        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:30%;
    }
}


@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:#0066af;
}

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

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

  addition

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

.pc_inline {
    display: inline;
}
.sp_inline {
    display: none;
}
@media all and (max-width:580px){
    .pc_inline {
        display: none;
    }
    .sp_inline {
        display: inline;
    }
}