@charset "UTF-8";
/* CSS Document */

/*=========================================== 
スマホ向けのレイアウトの指定：～768px 
===========================================*/
@media only screen and (min-width: 0px) {

html,body{
	overflow-x: hidden;
    }
	
#container{
	margin:0 auto;
    width:100%;
	overflow: hidden;
    }

#wrapper{
		width:100%;
		margin:0 auto;
    }

/*メインビジュアル*/
.mv{
		background: url(../images/recruit_mv.jpg) no-repeat top center;
		background-size: cover;
    background-position : center top;
    }

/*コンテンツ*/
.recruit{
	margin: 0 auto;
    }

h2 {
    background: rgb(139,199,207);
    color: rgb(255,255,255);
    padding: 20px 0;
    text-align: center;
    line-height: 3.1rem;
    font-family: serif;
    letter-spacing: 0.2rem;
    }

.main{   
    background: url(../images/recruit_bg.png)  no-repeat;
    background-size: contain;
    background-color: #f9fcfd;
		padding: 2vw;
    }

/*吹き出し*/
.cap img{
    display: block;
    padding: 40px 0 40px;
    margin: 0 auto;
    width: 80%;
    max-width: 384px;
    }

/*表*/
.job-info {
    width: 90%;
    margin: 0 auto 40px;
    max-width: 624px;
    }
.job-info tbody tr {
    font-size: 1.4rem;
    }
.job-info tbody tr th {
    background: rgba(139,199,207,0.8);
    width: 26%;
    color: rgb(255,255,255);
    padding: 20px 4%;
    line-height: 2.5rem;
    text-align: center;
    }    
.job-info tbody tr td {
    background: rgba(255,255,255,0.8);
    color: rgb(50,50,50);
    padding: 20px 4%;
    line-height: 2.5rem;
    text-align: justify;
    
    }
.job-info tbody tr:nth-child(n+2) {
    border-top: 1px dotted rgb(150,150,150);
    }
.job-info tbody tr:first-child th {
    border-radius: 10px 0 0 0;
    }
.job-info tbody tr:first-child td {
    border-radius: 0 10px 0 0;
    }
.job-info tbody tr:last-child th {
    border-bottom: none;
    border-radius: 0 0 0 10px;
    }
.job-info tbody tr:last-child td {
    border-bottom: none;
    border-radius: 0 0 10px 0;
    }
	
/*ページ内ジャンプボタン*/
.bnr{
		width: 95%;
		max-width: 940px;
		margin: 0 auto;
		text-align: center;
		font-size: 0;
		}
.bnr li{
		width: 35vw;
		min-width: 140px;
		max-width: 170px;
		box-sizing: border-box;
		padding: 12px 0;
		border-radius: 5px;
		display: inline-block;
		background: rgba(139,199,207,0.9);
		margin: 0 2vw 3vh 0;
	}
.bnr li:last-child{margin-right: 0;}
.bnr li a{
		display: block;
		color: rgb(255,255,255);
		font-size: 15px;
	}

/*アクセスボタン*/
.access_btn{
    background-color: rgb(139,199,207);
    color: rgb(255,255,255);
    padding: 2px 8px;
    margin-top: 10px;
    display: inline-block;
    border-radius: 20px;
    }    
.access_btn:hover{
    opacity: 0.8;
    }

/*インディード埋め込み*/
.indeed {
    padding: 0 5%;
    width: 80%;
    margin: 40px auto;
    border: 1px solid rgb(200,200,200);
    border-radius: 10px;
    max-width: 940px;
		background-color: rgba(255,255,255,0.8);
    }

/*改行制御*/
.br-sp {
    display: inline-block;
    }
}

/*=========================================== 
PC向けのレイアウトの指定：768px〜
===========================================*/
@media only screen and (min-width: 769px) {
/*改行制御*/

.pc-none {
    display: none;
    }

}