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

.margin_vertical{
    margin-top: 2em;
}

/* 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{
    width:60%;
    font-family:"Microsoft JhengHei", 微軟正黑體;
    font-size:75%;
    line-height:150%;
}

h1 br{
    display:none;
}

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

@media all and (max-width:1150px){
    h1{
        width:70%;
    }
}

@media all and (max-width:768px){
    h1{
        width:100%;
    }
}

@media all and (max-width:736px){
    h1{
        width:50%;
    }

    h1 br{
        display:inline;
    }
}

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

    h1 br{
        display:none;
    }
}

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

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

@media all and (max-width:736px){
    #logo{
        margin:3% 0 0;
    }
}

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

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

/* header navi
------------------------*/
.h_navi{
    width:27%;
    /*margin:-1.5% 0 1% 0;
    float:right;*/
    position:absolute;
    top:10px;
    right: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:40%;
      top:15px;
    }
}

@media all and (max-width:768px){
    .h_navi{
        margin:0 0 1% 0;
    }
}

@media all and (max-width:736px){
    .h_navi{
        width:52%;
        /*position:relative;
        float:right;*/
    }
}

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

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

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

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

/* header contact
------------------------*/
.h_contact{
    width:70%;
    text-align:right;
    float:right;
    clear:right;
    margin:2% 0 0 0;
}

.h_contact .open{
    font-size:68.75%;
    text-align:center;
    display:inline-block;
    margin:0 2% 0 0;
}

.h_contact .open span{
    color:#fff;
    display:block;
    padding:2%;
    margin:0 0 2% 0;
    background:#202020;
}

.h_contact .tel{
    width:60%;
    margin:1% 0 0;
    font-size:68.75%;
    letter-spacing: -1em;
    text-align:left;
    display:inline-block;
}

.h_contact .tel li{
    width:49%;
    color:#333;
    font-size:100%;
    font-weight:bold;
    letter-spacing:normal;
    line-height:1;
    padding:0 1% 0 0;
    margin:0 0 10px 0;
    display:inline-block;
}

.h_contact .tel a{
    color:#ffa500;
}

.h_contact .tel span{
    color:#fff;
    text-align:left;
    padding:1.5% 2%;
    margin:0 5px 0 0;
    display:inline-block;
		vertical-align:middle;
    background-color:#8cc63e;
    border-radius:3px;
    width:auto;
    min-width:32px;
    white-space:nowrap;
}

.h_contact .tel img{
    width:auto;
    letter-spacing:normal;
    display:inline-block;
		vertical-align:middle;
}

.h_contact .contact{
    width:34%;
    display:inline-block;
    margin:0;
    text-align:right;
		vertical-align:top;
    box-shadow:0px 0px 5px #ccc;
    /*
	background: rgb(255,108,190);
    background: -moz-linear-gradient(top, rgba(255,108,190,1) 0%, rgba(255,108,190,1) 50%, rgba(234,61,158,1) 51%, rgba(234,61,158,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,108,190,1) 0%,rgba(255,108,190,1) 50%,rgba(234,61,158,1) 51%,rgba(234,61,158,1) 100%);
    background: linear-gradient(to bottom, rgba(255,108,190,1) 0%,rgba(255,108,190,1) 50%,rgba(234,61,158,1) 51%,rgba(234,61,158,1) 100%);
	*/
    border:2px solid #fff;
}

/*
.h_contact .contact a{
    color:#fff;
    text-align:center;
    display:block;
    line-height:1;
    padding:6% 5% 6% 10%;
    background:transparent url(img/btn_search.png) no-repeat left center;
    background-size:272px auto;
	height: 22px !important;
}
*/



.h_contact .contact a{
    color:#fff;
    text-align:center;
    display:block;
    line-height:1;
    /*
	padding:6% 5% 6% 10%;
	*/
	padding: 0%;
    background:transparent url(img/icon_arrow.png) no-repeat left center;
    background-size:21px auto;
}



.h_contact .contact:hover{
    opacity: 0.9;
    filter: alpha(opacity=90);
}

@media all and (max-width:1024px){
    .h_contact .tel{
        width:63%;
    }

    .h_contact .tel img{
        max-width:72%;
    }
}

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

    .h_contact .open{
        display:block;
        margin:0;
    }

    .h_contact .open span{
        display:block;
        padding:2%;
        margin:0 0 2% 0;
    }

    .h_contact .tel{
        width:50%;
        box-sizing:border-box;
        letter-spacing:-0.4em;
        padding:0;
        margin:0;
        background-size:contain;
    }

    .h_contact .tel li{
        width:100%;
        letter-spacing:normal;
        display:block;
    }
}

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

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

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

    .h_contact .open{
        width:45%;
        display:inline-block;
        vertical-align:top;
    }

    .h_contact .open span{
        display:block;
        margin:0 0 2% 0;
    }

    .h_contact .tel{
        width:64%;
    }

    .h_contact .tel li{
        width:50%;
        padding:0;
        display:inline-block;
    }
}

@media all and (max-width:567px){
    .h_contact .tel{
        width:100%;
        padding:0;
        margin:0;
        display:block;
        background-position:0 0;
    }

    .h_contact .tel img{
        max-width:115px;
    }

    .h_contact .contact{
        width: max-content;
        display:block;
        margin:0 auto;
    }
}

@media all and (max-width:375px){
    .h_contact .open{
        width:80%;
    }

    .h_contact .tel{
        padding:0;
        margin:2% 0 0 0;
    }

    .h_contact .tel img{
        max-width:100px;
    }
}

@media all and (max-width:320px){
    .h_contact .tel img{
        max-width:90px;
    }
}


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

 global navi

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

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

#g_navi ul{
    max-width:1140px;
    margin:0 auto;
    border-right:1px solid #fff;
}

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

#g_navi li:last-child{
}

@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:#ffa500;
    background:linear-gradient(#eb3d9e, #f14ca8);
}

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

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

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

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

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

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

.f_contact .tel{
    padding:0 10%;
}

.f_contact .tel li{
    color:#333;
    font-size:100%;
    font-weight:bold;
    line-height: 1;
    text-align:left;
    max-width: 280px;
    padding:1% 0;
    display:block;
}

.f_contact .tel span{
    color:#fff;
    font-size:68.75%;
    text-align:left;
    padding:1.5% 2%;
    margin:0 5px 0 0;
    display:inline-block;
		vertical-align:middle;
    background-color:#8cc63e;
    border-radius:3px;
}

.f_contact .tel img{
    width:auto;
    letter-spacing:normal;
    display:inline-block;
		vertical-align:middle;
}

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

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

.f_contact .contact{
    width:100%;
    max-width: 280px;
    display:inline-block;
    margin:10px 0 0 0;
    text-align:right;
		vertical-align:top;
    box-shadow:0px 0px 5px #ccc;
    background:rgb(255,108,190);
    background:-moz-linear-gradient(top, rgba(255,108,190,1) 0%, rgba(255,108,190,1) 50%, rgba(234,61,158,1) 51%, rgba(234,61,158,1) 100%);
    background:-webkit-linear-gradient(top, rgba(255,108,190,1) 0%,rgba(255,108,190,1) 50%,rgba(234,61,158,1) 51%,rgba(234,61,158,1) 100%);
    background:linear-gradient(to bottom, rgba(255,108,190,1) 0%,rgba(255,108,190,1) 50%,rgba(234,61,158,1) 51%,rgba(234,61,158,1) 100%);
    border:2px solid #fff;
}

.f_contact .contact a{
    color:#fff;
    text-align:center;
    display:block;
    line-height:1;
    padding:4% 5% 4% 10%;
    background:transparent url(img/icon_arrow.png) no-repeat left center;
    background-size:21px auto;
}

.f_contact .contact:hover{
    opacity: 0.9;
    filter: alpha(opacity=90);
}

@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{
        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:567px){
    .f_content{
        padding:4%;
    }

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

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

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

.f_navi ul{
    text-align:left;
    margin:0 0 1.5% 0;
}
/* 営業拠点は改行 */
ul.clearfix.address li {
    display: block;
}

.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:#333;
    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:#5a5a5a;
}

.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:736px){
    .f_navi{
        width:80%;
        display:inherit;
        margin:3% auto 0 auto;
    }
}

@media all and (max-width:567px){
    .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;
    }
}


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

 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%;
    float:left;
}

#sub{
    width:21%;
    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:#ec5aa1;
    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:75%;
    }
}

@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
------------------------*/

/* LOGIX 20190318 #642 */
/* トップバナーの変更 */

#top_info{
    padding:12% 0;
    margin:1.5% 0 0 0;
    /* PC画像の指定 */
	background:url(img/sakura-20190318.jpg) no-repeat 50% 50%;
    background-size:cover;
    position:relative;
}

/*
sakura-20190318.jpg
top_info.jpg
*/

/* 768pxまでのデバイスに対する制御 */
/*
@media all and (max-width:768px){
    #top_info{
	background:url(img/sakura-20190318m.jpg) no-repeat 50% 50%;
}
}
*/

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

#top_info h2 br{
    display:none;
}

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

#top_info .btn_search a:hover{
    opacity: 0.9;
    filter: alpha(opacity=90);
}

@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:667px){
}


@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:140%;
        bottom:45%;
        line-height:130%;
    }

    #top_info h2 br{
        display:inline;
    }

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

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

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

    #top_info h2 br{
        display:none;
    }

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

/* 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:#ec5aa1;
    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%;
    line-height:125%;
    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:#f5eef2;
}

#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:#ec5aa1;
    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 h3 a:hover,
#ld_reco li h3 a:hover,
#ld_job_ranking li h3 a:hover,
#ld_owner_ranking li h3 a:hover{
    color:#666;
}

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

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

.top_job_type section h2{
    color:#333;
    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 #ec5aa1;
}

.top_job_type section h2 span{
    color:#adadad;
    font-size:80%;
    line-height:125%;
    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{
    color:#333;
    text-decoration:none;
}

.top_job_type li a:hover{
    color:#ec5aa1;
}

.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:#878787;
    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 #ec5aa1;
    background:#fff;
}

.top_area h2{
    color:#333;
    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 #ec5aa1;
}

.top_area h2 span{
    color:#adadad;
    font-size:80%;
    line-height:125%;
    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{
    color:#5a5a5a;
    padding:5%;
    display:block;
}

.prefectures li a:hover{
    color:#ef4dc2;
}

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

.top_employ h2{
    color:#333;
    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 #ec5aa1;
}

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

.top_employ .box{
    padding:3%;
}

.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;
    position: relative;
    float:left;
    background-image:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 50%, rgba(255,255,255,1) 100%);
    background-image:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 50%,rgba(255,255,255,1) 100%);
    background-image:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 50%,rgba(255,255,255,1) 100%);
}

.top_employ li:before{
    content: " ";
    width:16.5%;
    max-width:40px;
    height:100%;
    background:url(img/icon_search1.png);
    background-position:0 50%;
    background-repeat:no-repeat;
    background-size: 100% auto;
    display:inline-block;
    position:absolute;
    top:0;
    left:5%;
}

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

    .top_employ li:before{
        width:20%;
    }
}

@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_employ li:before{
        width:20px;
        left:2%;
    }
}


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

 #main contents search

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

.search{}

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

.search .box{
    padding:1%;
    background:#f4f4f4;
}

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

/* 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:100%;
    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:#ec5aa1;
    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: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 #ec5aa1;
    }

    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:#614f58;
    font-size:112.5%;
    line-height: 1.15;
    padding:1%;
    background:#f5f5f5;
    margin:0 0 2% 0;
}

.item .title a{
    color:#333;
    display:block;
    text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

.item .title a:hover{
    color:#5a5a5a;
}

.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 #ec5aa1;
    float:left;
}

.type .emp{
    color:#fff;
    background:#ec5aa1;
}

.type .bus{
    color:#ec5aa1;
    background:#fff;
}

.type .cate{
    color:#ec5aa1;
    background:#fff;
}

/* catch */
.catch{
    color:#ec5aa1;
    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:#8cc63e;
    padding:1%;
    margin:0 1% 1% 0;
    float:left;
}

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

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

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

/* 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 #202020;
    background:#202020;
    background:linear-gradient(#333, #202020);
}

@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:1024px){
}

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

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

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

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

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

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

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

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

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

/* 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:1024px){
    /*.photo li{
        width:31.9%;
    }*/
}

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

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

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

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

@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;
    border-top:none;
    background:#f8f8f8;
    margin:3% 0 0 0;
}

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

.info h4{
    color:#ec5aa1;
    font-size:100%;
    font-weight:normal;
    line-height:160%;
    padding:0.5% 0;
    margin:3% 0 2% 0;
    background-color:#fdeaf3;
}

.info h4:before{
    border-left:5px solid #ec5aa1;
    content:" ";
    margin-right:0.5em;
}

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

.access .box{}

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

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

.access .address{
    width:48%;
    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:667px){
}

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

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

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

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

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

.com_info .box{}

.com_info h2,
.com_info h3{
    color:#ec5aa1;
    font-size:112.5%;
    font-weight:normal;
    padding:1%;
    background:#fff;
    border-top:3px solid #ec5aa1;
    border-bottom:1px solid #dadada;
}

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

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

@media all and (max-width:1024px){
    /*.com_info .detail{
        width:67%;
    }*/
}

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

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

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

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


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

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

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

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

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

/* privacy
------------------------*/
.privacy{
    line-height: 160%;
    padding:2%;
    margin:3% 0;
    border:1px solid #d4d4d4;
}

.privacy dt{
    font-weight:bold;
    margin:0 0 2% 0;
}

.privacy dd{
    font-size:87.5%;
}

.privacy dd span{
    font-size:120%;
    margin:3% 0 1% 0;
    text-align: center;
    display: block;
}

.privacy dd label{
    cursor:pointer;
    color:#ec5aa1;
}

.privacy a:hover,
.privacy dd label:hover{
    text-decoration:underline;
}

/* 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;
    border-top:none;
    background:#f8f8f8;
}

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

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

.entry h2{
    color:#ec5aa1;
    font-size:112.5%;
    font-weight:normal;
    padding:1.5%;
    background:#fff;
    border-top:3px solid #ec5aa1;
    border-bottom:1px solid #dadada;
}

.entry h3{
    color:#333;
    font-size:100%;
    padding:1% 0;
    margin:0 0 2% 0;
}

.entry ol{
    font-size:87.5%;
    line-height:160%;
    margin:3% 0 0 0;
}

.entry li{
    padding:0 0 0 2em;
    margin:0 0 1% 0;
    text-indent: -2em;
}

.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:#ec5aa1;
    border-radius:3px;
}

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

.link_entry{
    border:1px solid #d3c6cd;
    background:#f8f8f8;
}

.link_bookmark{
    border:1px solid #d3c6cd;
    background:#f8f8f8;
}

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

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

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

/*.link_entry a,
.link_bookmark a,
.link_remove a{
    display:block;
}*/

.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;
    border-top:none;
    background:#f8f8f8;
}

.about h2{
    color:#ec5aa1;
    font-size:112.5%;
    font-weight:normal;
    padding:1.5%;
    background:#fff;
    border-top:3px solid #ec5aa1;
    border-bottom:1px solid #dadada;
}

.about h3{
    color:#333;
    font-size:100%;
    padding:1% 0;
    margin:0 0 2% 0;
}

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

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

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

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

.flow ul{}

.flow li{
	padding: 0 0 32px 0;
    margin: 0 0 32px 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;
}

.about .flow li.f_01{
    background-image:url(img/img_about_01.jpg);
}

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

.about .flow li.f_03{
    background-image:url(img/img_about_03.jpg);
}

.client .flow li.f_01{
    background-image:url(img/img_client_01.jpg);
}

.client .flow li.f_02{
    background-image:url(img/img_client_02.jpg);
}

.client .flow li.f_03{
    background-image:url(img/img_client_03.jpg);
}

.client .flow li.f_04{
    background-image:url(img/img_client_04.jpg);
}

.client .flow li.f_05{
    background-image:url(img/img_client_05.jpg);
}

.client .flow li.f_06{
    background-image:url(img/img_client_06.jpg);
}

.client .flow li.f_07{
    background-image:url(img/img_client_07.jpg);
}

/*
.client .flow li.f_08{
    background-image:url(img/img_client_08.jpg);
}
*/

.flow li h4{
    width:50%;
    color:#ec5aa1;
    font-size:120%;
    line-height:160%;
    padding:0.5% 0;
    background-color:#fdeaf3;
}

.flow li h4:before{
    border-left:5px solid #ec5aa1;
    content:" ";
    margin-right:0.25em;
}

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

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

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

.flow li ol li{
    padding:0 0 0 1em;
    margin:0 0 3% 0;
  text-indent: -1em;
}

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

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

    .flow li:nth-child(2n) h4,
    .flow li:nth-child(2n) p,
    .flow li:nth-child(2n) ol{
        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;
		font-size: 120%;
    }

    .flow li.f_01,
    .flow li.f_02,
    .flow li.f_03,
    .flow li.f_04,
    .flow li.f_05,
    .flow li.f_06,
    .flow li.f_07,
    .flow li.f_08 {
        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,
    .flow li:nth-child(2n) ol{
        margin-left:0;
    }

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


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

 #main contents client

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

.client{
    border:1px solid #dadada;
    border-top:none;
    background:#f8f8f8;
}

.client h2{
    color:#ec5aa1;
    font-size:112.5%;
    font-weight:normal;
    padding:1.5%;
    background:#fff;
    border-top:3px solid #ec5aa1;
    border-bottom:1px solid #dadada;
}

.client h3{
    color:#333;
    font-size:100%;
    padding:1% 0;
    margin:0 0 2% 0;
}

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

@media all and (max-width:375px){
    .client h2{
        color:#333;
        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;
    border-top:none;
    background:#f8f8f8;
}

.company h2{
    color:#333;
    font-size:112.5%;
    padding:1.5%;
    background:#fff;
    border-top:3px solid #ec5aa1;
    border-bottom:1px solid #dadada;
}

.company h3{
    color:#333;
    font-size:100%;
    padding:1% 0;
    margin:0 0 2% 0;
}

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

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

.company table.common ul{
    list-style:disc;
    padding:0 0 0 1em;
}

.company table.common dl{
    letter-spacing: -0.4em;
}

.company table.common dt,
.company table.common dd{
    display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
}

.company table.common dt{
    width:15%;
}

.company table.common dd{
    width:85%;
}

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

}

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


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

 #main contents faq

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

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

.faq h2{
    color:#333;
    font-size:112.5%;
    padding:1.5%;
    background:#fff;
    border-top:3px solid #ec5aa1;
    border-bottom:1px solid #dadada;
}

.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:#ec5aa1;
    padding:0 0 0 30px;
    background:url(img/icon_q.png) no-repeat 0 0;
    background-size:20px 20px;
}

.faq h2 + .box p{
    color:#333;
    font-size:100%;
    font-weight:bold;
    padding:1% 0;
    margin:0 0 2% 0;
}

.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:#333;
        font-size:100%;
        padding:2%;
    }
}



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

 #main contents policy

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

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

.policy h2{
    color:#333;
    font-size:112.5%;
    padding:1.5%;
    background:#fff;
    border-top:3px solid #ec5aa1;
    border-bottom:1px solid #dadada;
}

.policy dl{}

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

.policy p,
.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:#333;
        font-size:100%;
        padding:2%;
    }
}



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

 #main contents news

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

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

.news h2{
    color:#333;
    font-size:112.5%;
    padding:1.5%;
    background:#fff;
    border-top:3px solid #ec5aa1;
    border-bottom:1px solid #dadada;
}

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

@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;
    border-top:none;
    background:#f8f8f8;
}

.sitemap h2{
    color:#ec5aa1;
    font-size:112.5%;
    font-weight:normal;
    padding:1.5%;
    background:#fff;
    border-top:3px solid #ec5aa1;
    border-bottom:1px solid #dadada;
}

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

.sitemap h3{
    font-size:100%;
    color:#333;
    font-weight:normal;
    padding:0 0 0 1%;
    margin:0 0 2% 0;
    border-left:5px solid #ec5aa1;
    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:#333;
        font-size:100%;
        padding:2%;
    }

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


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

 #sub contents

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

#sub{}


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

 #sub contents bana

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

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

.bana_login{
    background-color:#ffa500;
    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,
.bana_counseling a:hover img{
    opacity: 0.9;
    filter: alpha(opacity=90);
}

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

    .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:768px){
    .bana_search,
    .bana_login,
    .bana_member{
    }
}

@media all and (max-width:480px){
    .bana_search,
    .bana_login,
    .bana_member,
    .bana_counseling{
        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,
    .bana_counseling{
        width:100%;
    }
}


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

 #sub contents navi

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

.s_navi{
    clear:both;}

.s_navi ul{}

.s_navi li{
    width:100%;
    font-size:93%;
    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:#333;
    display:block;
    text-decoration:none;
    padding:7% 3% 7% 22%;
    background-repeat:no-repeat;
    background-position:2% 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);
}

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

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

    .s_navi li{
        font-size:80%;
        width:32%;
        margin:0 1% 0 0;
        float:left;
    }
}

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

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

    .s_navi ul{
        margin:0;
    }

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

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

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


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


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

 #sub contents top news

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

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

.top_news{
    overflow:hidden;
    margin:3% 0 5% 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:830px){
    .top_news{
        margin-bottom:0;
    }
}

@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){
}

@media all and (max-width:320px){
    .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{
    color:#ec5aa1;
    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:#fdeaf3;
    border-radius:2px;
}

.l_navi h2{
    color:#ec5aa1;
    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{
    color:#333;
    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:#ec5aa1;
}

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

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

utility

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

.ch{
    font-family:"Microsoft JhengHei", 微軟正黑體;
}


/* 20190315 Test */
.h_content.clearfix h1 {
    font-size: 14px !important;
}

@media (max-width: 667px){
nav#g_navi a {
    font-size: 16px !important;
}
}

.consultant,
.ceo {
    margin-top: 16px;
}

.consultant#photo, .consultant#description,
.ceo#photo, .ceo#description {
    display: inline-block;
    vertical-align: top;
}

div#description {
    margin-left: 12px;
    line-height: 25px;
}



/* LOGIX 2019-04-25 薄味の仕様へ変更 */
/* Material Pink 50 */
/*
#g_navi {
    background-color: #FCE4EC;
    background: linear-gradient(#FCE4EC, #FCE4EC);
    border-top: 1px solid #FCE4EC;
    border-bottom: 1px solid #FCE4EC;
}

#g_navi li a {
    color: #fff;
    display: block;
    padding: 7% 0;
    background: #ffa500;
    background: linear-gradient(#F8BBD0, #F8BBD0);
}
*/

/* 2019-04-25 */
.flow li p{
    font-size:100%;
}

/* font-familyの一括変更 */
/*
* {
    font-family: meiryo !important;
}
*/

.box.ch p {
    line-height: 22px;
}

div#description.consultant {
    margin-left: 0px;
}

/* 会員登録フォームのLabelの並びの最適化 */

section.entry.clearfix tr td label {
    display: block;
}


#ld_reco li,
#ld_new li,
li.bl-hot {
    height: auto !important;
}
li.bl-hot {
    height: 100% !important;
}

/* 2019/05/30 100%幅でp要素を省略したい */
section.load_reco ul.clearfix.links li p {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

section.load_new div#ld_new ul.clearfix.links li p {
    width: 100% !important;
	overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

/* 應徵のボタン */
p.btn_info a {
    border: 1px solid #ec5aa1;
    background: #ec5aa1;
    background: linear-gradient(#ec5aa1, #ec5aa1);
}
p.btn_info a:hover {
    opacity: .9;
	transition: .2s
}
p.btn_info a,
p.btn_entry a {
    border: 1px solid #ec5aa1;
    background: #ec5aa1;
    background: linear-gradient(#ec5aa1, #ec5aa1);
}
p.btn_info a:hover,
p.btn_entry a:hover {
    opacity: .9;
	transition: .2s
}

/* 2019/07/25 */
/* 3つのサムネイルの欄を非表示 */
section.item_info .photo {
    display: none;
}

/* 2019/08/01 */
section.l_navi p {
    background: white;
    padding: 12px;
    font-size: 14px;
    line-height: 20px;
}

/*
.h_content.clearfix h1 {
    text-align: center;
}

*/

/* 人気の職種をもっと見る */
.f_contact.reco p.contact {
    margin-top: 0px;
    margin-bottom: 20px;
}

.f_contact.reco {
    float: right;
    margin-right: 0px;
    width: 33%;
}

/* 追従 */
.footer-contact {
    display: none;
}
p#page_top {
    display: none;
}


@media all and (min-width:567px){
    p.sticky.contact{
      display: none;
    }
}
@media all and (max-width:567px){
p.sticky.contact a {
    color: white;
}
p.sticky.contact {
  position: fixed;
  bottom: 0px;
  text-align: center;
  line-height: 1;
  padding: 4%;
  background-size: 21px auto;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  box-shadow: 0px 0px 5px #ccc;
  /* background: rgb(255,108,190); */
  background: -moz-linear-gradient(top, rgba(255,108,190,1) 0%, rgba(255,108,190,1) 50%, rgba(234,61,158,1) 51%, rgba(234,61,158,1) 100%);
  /* background: -webkit-linear-gradient(top, rgba(255,108,190,1) 0%,rgba(255,108,190,1) 50%,rgba(234,61,158,1) 51%,rgba(234,61,158,1) 100%); */
  background: linear-gradient(to bottom, rgba(255,108,190,1) 0%,rgba(255,108,190,1) 50%,rgba(234,61,158,1) 51%,rgba(234,61,158,1) 100%);
  border: 2px solid #fff;
  color: white;
  margin: 0 !important;
}
}

.wh img {
    border: 1px solid #bbb;
    margin-bottom: 32px;
}

.wh h4 {
    width: 100%;
    color: #ec5aa1;
    font-size: 120%;
    line-height: 160%;
    padding: 0.5% 0;
    background-color: #fdeaf3;
}
.wh h4 span.note {
    display: inline;
    font-size: 14px;
}
.wh h4:before {
    border-left: 5px solid #ec5aa1;
    content: " ";
    margin-right: 1em;
}
.wh p {
    margin: 32px 0;
}

.wh h4.caution {
    color: #FF6F00;
    background-color: #FBE9E7;
}
.wh h4.caution:before {
    border-left: 5px solid #FF6F00;
}
.wh p.caution {
    margin: 0;
    padding: 24px;
    background: rgba(251, 233, 231, 0.5);
    font-size: 13px;
}
.matome {
    line-height: 26px;
    font-size: 16px;
    background: #f0f0f0;
    padding: 24px;
    margin-bottom: 10px;
}
.matome.address {
    font-size: 14px;
    line-height: 20px;
    background: #EFEBE9;
}

/* 在面試時不可做的10件事 */

.bad-interview p {
    font-size: 15px;
    line-height: 20px;
    margin: 16px 0;
}