@media screen and (max-width: 593px) {

/* ######################################################## */

header{
    width:100%;
    padding: 13px 1% 13px 1%;
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;
    margin:0;
}
    header div#la_logo {
        width:29%;
        padding-top: 0;
    }
        header div#la_logo img{
            width:100%;
        }
    header nav#la_nav{
        width:70%;
        padding-top:0;
    }
        header nav#la_nav a{
            font-size: 8px;
            box-sizing: border-box;
        }
            header nav#la_nav a img{
                width: 24%;
            }

div#la_main_pic{
    width: 100%;
}
    div#la_main_pic div.pic{
        width: 100%;
        float: none;
    }
        div#la_main_pic div.pic img{
            width: 100%;
        }
    div#la_main_pic div.ad{
        display: none;
    }

div#la_main_pic .current-date {
    padding: 3px 8px;
    font-size: 12px;
}

div.center_div{
    width:99%;
    margin:0 auto;
}
div.sidebar{
    width: 100%;
    float: none;
    margin-top:10px;
}
    div.sidebar div.content div.logo a{
        margin:0 auto;
        display: block;
    }
    div.sidebar div.content{
        display: flex;
        flex-wrap: wrap;
    }
    div.sidebar div.content div.icon{
        width: 49%;
        border: 2px solid #FD9191;
        margin:5px 0.5%;
        box-sizing: border-box;
    }
        div.sidebar div.content div.icon img{
            width: 100%;
        }
div.search_div{
    width:100%;
    padding:2%;
	height:auto;
    background-color: #fff;
    float: none;
}
    div.search_div div.search_body th{
        width: 22%;
    }
    div.search_div div.search_body td label{
        width:49%;
        font-size: 11px;
    }
    div.search_div div.search_footer input.search_btn{
        font-size: 18px;
        width: 90%;
		margin-top:5px;
    }

    div.rank_div{
        width: 99%;
        margin: 0 auto;
    }
        div.rank_block{
            overflow: hidden;
        }
        div.rank_block div.header{
            margin-top: 15px;
        }
        div.rank_block div.header div.slogan{
            width: 100%;
            float: none;
            margin-bottom: 10px;
            font-size: 16px;
        }
        div.rank_block div.header div.title{
            width: 100%;
            float: none;
        }
        div.rank_block div.header table.s1_table{
            margin: 10px auto 0 auto;
            width:80%;
        }
            div.rank_block div.header table.s1_table th{
                width: 40%;
                background-color: #ad772f;
                color: #fff;
                padding: 8px 3px;
                font-size: 16px;
            }
            div.rank_block div.header table.s1_table td{
                text-align: center;
            }

        div.rank_div div.rank_box{
            width: 100%;
            float: none;
        }
            div.rank_div div.rank_box div#rank_list_title{
                font-size: 24px;
                padding: 10px 0;
                overflow: hidden;
                background-size: 100% 100% ;
                margin-top: 15px;
                border-radius: 10px;
                box-sizing: border-box;
            }
            div.rank_block div.content div.left{
                width: 100%;
                float: none;
            }
                div.rank_block div.content div.left div.pic{
                    float: none;
                }
                div.rank_block div.content div.left div.pic a img{
                    width: 80%;
                }
            div.rank_block div.content div.right{
                width: 100%;
                float: none;
                padding-top:5px;
            }
                div.rank_block div.content div.right table{
                    width: 98%;
                    margin: 0 auto;
                }
					div.rank_block div.content div.right table tbody th{
						width: 25%;
						font-size:12px;
						padding:1px;
					}
					div.rank_block div.content div.right table tbody td{
						width: 25%;
						padding:1px;
					}
						div.rank_block div.content div.right table tbody td img{
							width:19%;
						}
					div.rank_block div.content div.right div.text_lists a.detail_btn{
						margin-bottom:10px;
					}
            div.rank_block div.submit_btn a.jump_btn{
                width: 100%;
                font-size: 15px;
                padding:3% 0 2% 0;
            }
            div.rank_block div.kuchikomi{
                margin-top: 50px;
            }
            div.rank_block div.kuchikomi div.kuchikomi_title{
                margin-top: -50px;
            }
                div.rank_block div.kuchikomi div.kuchikomi_title img{
                    width: 80%
                }
    div.rank_box div.rank_list_title_other{
        font-size: 22px;
        padding: 10px 0;
        overflow: hidden;
        background-size: 100% 100%;
        margin-top: 15px;
        border-radius: 10px;
        box-sizing: border-box;
        background-color: #ed7d31;
        text-align: center;
        color: #fff;
        font-weight: bold;
    }

    /* search_list start */
    table#search_order a.order_button{
        font-size: 12px;
    }
	div#search_list_title{
		width:100%;
        font-size: 18px;
	}
    div.search_list_text{
    	width:100%;
    }
    div#search_list{
    	width:100%;
    }
        div#search_list div.sp_list_div{
            width: 99%;
            margin:5px auto;
            border:1px solid #333;
            border-radius: 5px;
            padding:2%;
            background-color: #fff;
        }
            div#search_list div.sp_list_div div.name{
                padding-bottom: 10px;
                padding-left: 2%;
            }
                div#search_list div.sp_list_div div.name a{
                    color: #ad772f;
                    font-size: 20px;
                    font-weight: bold;
                }
            div#search_list div.sp_list_div div.pic{
                width: 65%;
                float:left;
                text-align: center;
            }
                div#search_list div.sp_list_div div.pic img{
                    width: 90%;
                }
            div#search_list div.sp_list_div table.info{
                width: 35%;
                float:right;
                text-align: center;
                font-size: 12px;
            }
                div#search_list div.sp_list_div table.info th{
                    background-color: #bf9000;
                    color:#fff;
                    padding:3px 0 3px 0;
                }
                div#search_list div.sp_list_div table.info td{
                    padding:3px 0 3px 0;
                }
                    div#search_list div.sp_list_div table.info img{
                        width: 10%;
                    }

            div#search_list div.sp_list_div table.table{
                width: 90%;
                font-size: 12px;
                margin-top: 5px;
                margin-left:3%;
            }
                div#search_list div.sp_list_div table.table th{
                    color:#fff;
                    padding:3px 0 3px 0;
                    width: 23%;
                    text-align: center;
                }
                div#search_list div.sp_list_div table.table td{
                    padding:3px;
                }
                    div#search_list div.sp_list_div table.table img{
                        width: 6%;
                    }
                    div#search_list div.sp_list_div table.table td a{
                        color:#bf9000;
                    }
            div#search_list div.sp_list_div table.province th{
                background-color: #726c5a;
            }
            div#search_list div.sp_list_div table.province td{
                background-color: #9e9a8d;
                color:#fff;
            }
            div#search_list div.sp_list_div table.content th{
                background-color: #ffc000;
            }

            div#search_list div.sp_list_div div.btn{
                margin-bottom: 10px;
            }
                div#search_list div.sp_list_div div.btn a{
                    background: linear-gradient(#f20d0e , #bb0b00);
        		    border: 1px solid #e97a19;
        		    border-radius: 3px;
        		    display: block;
        		    color: white;
        		    text-decoration: none;
        		    padding: 10px 0 8px 0;
        		    width: 90%;
        		    margin: 15px auto 0 auto;
        			text-align: center;
        			font-size: 16px;
        			font-weight: bold;
                    box-shadow:1px 1px 2px rgba(0,0,0,0.1),1px -1px 2px rgba(0,0,0,0.1),-1px 1px 2px rgba(0,0,0,0.1),-1px -1px 2px rgba(0,0,0,0.1);
                    cursor: pointer;
                }
/* search_list end */


div#la_footer{
	width:100%;
    padding:2%;
}

div#gototop{
	display:none;
}

table.k3_table{
    width:48%;
    margin:1%;
    float: left;
    text-align: center;
}

/* rank_ab start */
div#rank_ab{
    overflow: hidden;
    border: none;
}
div#rank_ab div.header{
    margin-bottom: 5px;
    background-color: #709D2F;
    padding: 8px 10px;
    box-sizing: border-box;
}
div#rank_ab div.header div.name,
div#rank_ab div.header h3.name{
    width: 100%;
	display: flex;
    align-items: center;
	gap: 10px;
    margin: 0;
}
div#rank_ab div.header div.name a,
div#rank_ab div.header h3.name a{
    font-size: 1.3rem;
	margin-top: 0;
    color: #fff;
    text-decoration: underline;
}
body.top-1c div#rank_ab div.header div.name a ,
body.top-1c div#rank_ab div.header h3.name a {
    font-size: 25px;
}
div#rank_ab div.header div.name img,
div#rank_ab div.header h3.name img{
    width: 36px;
    height: auto;
    flex-shrink: 0;
}
div#rank_ab div.header div.star{
    width: 100%;
    margin-top: 6px;
    text-align: left;
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px 4px;
}
div#rank_ab div.header div.star.left {
    text-align: left;
}
div#rank_ab div.header div.star img{
    width: 16px;
    vertical-align: middle;
}
div#rank_ab div.content{
    margin: 5px 15px;
}
div#rank_ab div.content div.appeal{
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin: 0 0 6px 0;
    line-height: 1.5;
    padding: 0 2%;
    box-sizing: border-box;
}

div#rank_ab div.content div.text ul.list_text{
    padding-bottom: 0;
}
div#rank_ab div.content div.text div.t_content{
    border: 1px solid #f5755b;
    margin: 10px 0 5px 0;
}
body.top-1c div#rank_ab div.content div.text div.t_content {
    border-color: #60BB89;
}
    div#rank_ab div.content div.text table th{
		min-width: 65px;
        font-size: 12px;
        padding: 6px 4px;
        text-align: center;
        vertical-align: middle;
    }
    div#rank_ab div.content div.text table td{
        font-size: 12px;
        padding: 6px 8px;
        vertical-align: middle;
    }
    div#rank_ab div.content div.text table.rank_ab_mini th{
        width: 22%;
    }
    div#rank_ab div.content div.text table.rank_ab_mini td{
        width: 78%;
    }
    div#rank_ab .rank_ab_mini__score{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 4px;
    }
    div#rank_ab .rank_ab_mini__score .compare-img{
        width: 24px;
        height: auto;
    }
    div#rank_ab .rank_ab_mini__score-text{
        color: #e53935;
        font-weight: bold;
    }
    div#rank_ab .rank_ab_icons{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px 8px;
    }
    div#rank_ab .rank_ab_icons__item{
        display: inline-flex;
        align-items: center;
        gap: 3px;
        white-space: nowrap;
        font-size: 11px;
        line-height: 1.2;
    }
    div#rank_ab .rank_ab_icons__img{
        width: 18px !important;
        height: 18px;
        object-fit: contain;
        flex-shrink: 0;
    }
    div#rank_ab div.content div.text div.t_content div.t_title{
        background-color: #f5755b;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        padding: 10px 0;
    }
    body.top-1c div#rank_ab div.content div.text div.t_content div.t_title {
        background-color: #60BB89;
    }
    div#rank_ab div.content div.text div.t_content div.t_text{
        padding: 2%;
        line-height: 30px;
    }
div#rank_ab div.content div.pic{
    width: 100%;
    justify-content: center;
}
    div#rank_ab div.content div.pic img{
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }
div#rank_ab div.content div.text{
    width: 100%;
	margin-left:unset;
}
div#rank_ab div.content div.text div.title,
div#rank_ab div.content div.text h4.title{
    padding:20px 0 8px 0;
}
div#rank_ab div.content div.text table{
    margin: 15px auto;
}
div#rank_ab div.btn_sp{
    width: 100%;
	margin: 15px auto 20px auto  !important;
}
    div#rank_ab div.btn_sp a.jump_btn{
        background: #ff5050;
        box-sizing: border-box;
        width: 100%;
        display: block;
        border-radius: 10px;
        color:white;
        padding:13px 0 8px 0;
        font-weight:bold;
        font-size: 22px;
        text-decoration: none;
        box-shadow:0 7px 0 rgba(192,0,0,1);
        text-align: center;
        position: relative;
    	overflow: hidden;
    }
    body.top-1c div#rank_ab div.btn_sp a.jump_btn {
        background-color: #FF6600;
        box-shadow: 0 7px 0 rgb(192 67 0);
    }
    div#rank_ab div.btn_sp_top a.jump_btn{
        padding:4px 0 2px 0;
        background-color: #ffd966;
        box-shadow:0 3px 0 rgba(191,144,0,1);
        color: #333;
        font-size: 18px;
    }
    div#rank_ab div.btn_sp a.detal_btn{
        width: 100%;
        display: block;
        text-align: center;
        font-size: 14px;
        color:#196dff;
        margin-top: 20px;
    }

div#rank_ab div.comment div.comment_box div.comment_title{
    font-size: 14px;
}
div#rank_ab div.comment div.comment_box div.comment_text{
    font-size: 13px;
}
div#rank_ab div.comment{
    flex-wrap: wrap;
}
div#rank_ab div.comment div.comment_box{
    width: 100%;
    padding: 1% 1% 1% 1%;
    margin-top: -2.3%
}
div#rank_ab div.comment div.comment_pic_sp{
    width: 100%;
    position: relative;
    text-align: right;
}
    div#rank_ab div.comment div.comment_pic_sp img{
        width: 40%;

    }
div#rank_ab div.btn a.jump_btn{
    font-size: 16px;
    /* width: 60%; */
    width: 100%;
}

div#rank_ab .point-list {
    overflow: hidden;
    margin: 20px 0 5px;
}
div#rank_ab .point-list__header {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 10px 8px;
}
div#rank_ab .point-list__body {
    padding: 8px;
	gap: 0px;
    flex-direction: column;
}
div#rank_ab .point-list__item {
    padding: 10px 8px;
    margin-bottom: 8px;
	width:100%;
	min-height: 100px;
}
div#rank_ab .point-list__item:last-child {
    margin-bottom: 0;
}
div#rank_ab .point-list__item-head {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 6px;
}

div#rank_ab .point-list__title {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
}
div#rank_ab .point-list__content {
    font-size: 13px;
    line-height: 1.6;
    padding-left: 28px;
}
/* rank_ab end */

div.spe_content{
    width: 100%;
}
div.spe_content dl.text dt{
    font-size: 15px;
}
div.spe_content dl.text dd{
    font-size: 14px;
}
div.spe_content dl.company dd div.text{
    font-size: 13px;
    line-height: 20px;
}
div.spe_content dl.company dd div.btn{
    margin-bottom: 10px;
}

.bottom-content-title{
    width: 100%;
}
.bottom-content {
    flex-wrap: wrap;
    width: 100%;
}
.bottom-content-block {
    min-width: 95%;
}
.bottom-content-arrow {
    margin: 5px auto;
    border: solid 20px transparent;
    border-top: solid 20px #12967e;
    border-bottom: none;
}

table.block_table th{
    width: 14px;
}
    table.block_table td i{
        font-size: 40px;
    }
    table.block_table td>img{
        width: 40px;
    }
div.lp_content_bottom_block_title{
    font-size: 16px;
    text-align: center;
}
div.lp_content_bottom_block table.province_table th{
    width: 35%;
}
div.lp_content_bottom_btn div.btn img{
    width: 47%;
}
    a.image_recruitment_pic {
    width: 100%;padding: 8px 0 8px;
}
/* ######################################################## */


.main-banner-ranking {
  width: 100%;
  margin: 0;
}
.main-banner-ranking .ranking-imgs {
  bottom: 15px;
  left: 15px;
  right: 15px;
}

.main-banner-ranking .ranking-imgs a {
    margin: 6px 0;
}
}

/* Comparison Table Styles (Mobile) */
@media screen and (max-width: 768px) {
    .compare-table {
        width: 99%;
        margin: 15px auto;
        border-radius: 5px;
    }

    .compare-table tbody tr:last-child td {
        font-size: 11px;
    }

    .compare-table th,
    .compare-table td {
        padding: 8px 10px;
        font-size: 12px;
    }

    .compare-table thead th {
        font-size: 14px;
    }

    .compare-table .site-name .compare__logo {
        width: 100px;
        height: 40px;
    }

    .compare-table .rating {
        font-size: 14px;
    }

    .compare-tab-content .detail-link a {
        font-size: 12px;
        padding: 3px 8px;
        white-space: nowrap;
		min-height: 40px;
    }

    .compare-table .detail-link a:after {
        padding: 0px 7px;
        border-radius: 46px;
    }

    .compare-table .features .compare-img {
        width: 50%;
    }

    td.rating span {
        display: flex;
        flex-wrap: wrap;
        width: 60px;
        gap: 2px;
        justify-content: center;
    }
    td.rating span img {
        width: 18px;
    }


	#rank_ab div.content div.text div.f14{
		line-height: 25px;
	}
	
/* content2 start */
.content2 {
    width: 100%;
    margin: 15px auto 10px;
}

.content2 > [class^="content2_process"] + [class^="content2_process"] {
    margin-top: 18px;
}

.content2 .line {
    background: linear-gradient(transparent 55%, #FFD700 55%);
}

/* process1 */
.content2_process1 {
	        width: 90%;
        margin: 0 auto;
    padding: 16px 12px 18px;
}

.content2_process1 .content2__label {
    gap: 6px;
}

.content2_process1 .content2__label::before,
.content2_process1 .content2__label::after {
    font-size: 12px;
}

.content2_process1 .process1__item_title_text {
    font-size: 18px;
}


/* process2 */
.content2_process2 {
    padding: 16px 12px 14px;
}

.content2_process2 .process2__header_main {
    text-align: center;
}

.content2_process2 .process2__header_illust {
    width: 130px;
}

.content2_process2 .process2__header_text {
    max-width: 200px;
}

.content2_process2 .process2__header_text_title {
    font-size: 20px;
}
.content2_process2 .process2__header_text_title span{
	font-size: 17px;
}

.content2_process2 .process2__header_text_title--em {
    font-size: 33px;
}

.content2_process2 .process2__header_text_sub {
    font-size: 25px;
}

.content2_process2 .process2__item_title {
    font-size: 20px;
}

.content2_process2 .process2__item_body--row {
    flex-direction: column;
    align-items: center;
}

.content2_process2 .process2__item_body--row img {
    width: 150px;
}

.content2_process2 .process2__item_body {
    font-size: 13px;
}

.content2_process2 .process2__footer {
    font-size: 13px;
    padding: 10px 12px;
}

/* process3 */
.content2_process3 .process3__header {
    font-size: 22px;
    padding: 10px 12px;
	margin: 10px 10px;
}

.content2_process3 .process3__body {
    padding: 14px 10px 16px;
}

.content2_process3 .process3_header span:last-child {
    font-size: 20px;
}

.content2_process3 .process3_text {
    text-align: left;
	font-size: 15px;
}

.content2__title {
    font-size: 18px;
}
.content2__body {
    padding: 14px 12px 16px;
}
.content2__reason-head {
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px;
}
.content2__reason-title {
    font-size: 14px;
}
.content2__reason-row,
.content2__reason-row--triple {
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.content2__reason-text {
    font-size: 13px;
    line-height: 1.7;
    width: 100%;
}
.content2__reason-illust,
.content2__reason-illust--sm {
    width: 100%;
    max-width: 140px;
}
.content2__devices img {
    max-width: 130px;
}
	.content2_process3 .process3__item{
		max-width: 100%;
		    padding: 20px 20px 16px;
	}
	.content2_process3 .process3_img img{
		max-width: 100%;
	}
.content2_process2 .process2__item_head{
    align-items: flex-start;
	}
	.content2_process3 .process3_header span:first-child{
		    font-size: 14px;
		    font-weight: 400;
		    padding: 5px;
		
	}
/* content2 end */
	
	    
	div#rank_ab div.btn_sp a.jump_btn.jump_btn--mini {
        font-size: 22px;
        padding: 10px 0 6px 0;
        line-height: 1.35;
    }
	
	div#rank_ab div.content div.appeal span{
		margin-left: 0;
	}
}