@charset "utf-8";
/* 採用情報INDEX */
.wrapper {
background-image: url("../recruit/img/mainImg.jpg");
background-repeat: no-repeat;
background-position: center top;
margin-top: 50px;
}
.pTitleBox {
max-width: 980px;
margin: 0 auto;
width: 100%;
padding-top: 127px;
}
.sub {
font-family: 'Fjalla One', sans-serif;
font-size: 1.3rem;
color: #fff;
margin-bottom: 30px;
line-height: 100%;
position: relative;
display: inline-block;
padding-left: 40px;
}
.sub:before {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 32px;
height: 1px;
background-color: #fff;
}
.sub:before {
 left: 0;
}
h3 {
font-size: 3.0rem;
line-height: 100%;
color: #fff;
letter-spacing: 0.2em;
font-weight: 700;
font-style: normal;
margin-left: 5px;
}
main {
background-color: #fff;
padding-top: 58px;
position: relative;
margin-top: 170px;
}
.bgTxt {
font-size: 15.0rem;
font-family: 'Butler Light';
font-weight: normal;
color: #F2F7F7;
text-align: center;
line-height: 100%;
z-index: 1
}
h4 {
font-family: "Hannari","source-han-serif-japanese";
font-weight: 400;
font-size: 3.0rem;
line-height: 100%;
text-align: center;
z-index: 5;
margin-top: -60px;
display: block;
margin-bottom: 60px;
}
.txt01 {
font-size: 1.5rem;
line-height: 260%;
text-align: center;
}
.rTxt {
text-align: center;
font-size: 1.6rem;
line-height: 100%;
display: block;
margin: 70px 0 ;
font-weight: bold;
}
.imgWrap {
overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
/*width: 320px;	*//*画像の幅*/
/*height: 180px;*/	/*画像の高さ*/
background: #000;
}
.imgWrap img {
width: 100%;
display: block;
transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
transform: scale(1.1);	/*画像の拡大率*/
transition-duration: 0.3s;	/*変化に掛かる時間*/
opacity: 0.6;	/* 小さくするほど暗くなります */
}
.Btn{
position: relative;
width: 100%;
height: 55px;
line-height: 100%;
display: flex;
background: #000;
font-size: 1.5rem;
padding-top: 20px;
text-align: left;
}
.txtBox a {
text-decoration: none;
}
.Btn-Text{
width: 100%;
height: 100%;
color: #fff;
z-index: 10;
}
.bTxt {
padding-left: 20px;
}
.Btn-Text:before{
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 0;
display: block;
background: #333;
z-index: -1;
transition: .2s;
}
.Btn-Text::after{
content: "";
display: block;
position: absolute;
top: calc(50% - 5px);
right: 20px;
width: 8px;
height: 8px;
border: 2px solid;
border-color: transparent transparent #FFF #FFF;
transform: rotate(-135deg);
transition: .3s;
}
.Btn-Text:hover{
color: #fff;
}
.Btn-Text:hover:before{
width: 100%;
}
.Btn-Text:hover::after{
    right: 10px;
}
.content {
width: calc(33% - 10px);
}
.contentBox {
 width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 80px;
	margin-bottom: 60px;
	}
	.entryBtn{
position: relative;
width: 100%;
height: 130px;
line-height: 135px;
display: flex;
background: #212121;
text-align: center;
}
.eTxt01 {
font-family: 'Fjalla One', sans-serif;
font-size:2.0rem; 
letter-spacing: 0.15em;
}
.eTxt02 {
font-size: 1.2rem;
position: relative;
top: -3px;
}


/* 募集関係の表 by 前川 */
.tBoxText {
font-size: 1.6rem;
font-weight: bold;
letter-spacing: 0.2em;
line-height: 100%;
max-width: 185px;
width: 100%;
}
.tBox {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 25px 10px 25px 20px;
border-bottom: solid 1px #ddd;
}
.tBox ul {
list-style: none;
}
.tBox ul li {
padding-left: 15px;
background-image: url("../common/img/bullet.gif");
background-repeat: no-repeat;
background-position: left 7px;
margin-top: 5px;
margin-bottom: 5px;
}


/*　for iPad 縦　*/
@media screen and (min-width:768px) and ( max-width:979px) {
h4 {
font-family: "Hannari","source-han-serif-japanese";font-size: 2.9rem;
}
.txt01 {
font-size: 1.5rem;
line-height: 260%;
text-align: center;
padding: 0 20px;
}
}

/* IE11にのみ適用したいスタイルシート */
@media screen and (-ms-high-contrast: none) {

.main_inner {
width: 980px;
margin: auto;
background-color: #fff;
padding-top: 58px;
margin-top: 142px;
margin-bottom: 70px;
padding-left: 60px;
}

}

/*スマートフォン*/

@media all and (max-width : 767px ){
.wrapper {
background-image: url("../recruit/img/mainImg_sp.jpg");
background-repeat: no-repeat;
background-position: center top;
margin-top: 20px;
}

.pTitleBox {
padding-top: 50px;
}
.sub {
font-size: 1.0rem;
color: #fff;
margin-bottom: 15px;
padding-left: 40px;
}

h3 {
font-size: 2.0rem;
margin-left: 40px;
}
main {
width: 90%;
background-color: #fff;
padding-top: 20px;
position: relative;
margin-top: 100px;
}
.bgTxt {
font-size: 8.0rem;
font-family: 'Butler Light';
font-weight: normal;
color: #F2F7F7;
text-align: center;
line-height: 100%;
z-index: 1
}
h4 {
font-family: "Hannari","source-han-serif-japanese";font-size: 1.8rem;
line-height: 145%;
text-align: center;
font-weight: normal;
z-index: 5;
margin-top: -60px;
display: block;
margin-bottom: 30px;
}
.txt01 {
font-size: 1.1rem;
line-height: 200%;
text-align: center;
}
.rTxt {
font-size: 1.2rem;
margin: 20px 0 ;
}

.Btn{
position: relative;
height: 50px;
font-size: 1.4rem;
}
.content {
width: 100%;
margin-bottom: 20px;
}
.contentBox {
 width: 100%;
	display: block;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
	margin-bottom: 20px;
	}
.entryBtn{
position: relative;
width: 100%;
height: 80px;
line-height: 80px;
display: flex;
background: #212121;
text-align: center;
}
.eTxt01 {
font-family: 'Fjalla One', sans-serif;
font-size:1.2rem; 
letter-spacing: 0.15em;
}
.eTxt02 {
font-size: 0.7rem;
position: relative;
letter-spacing: 0;
top: -1px;
}


/* 募集関係の表 by 前川 */
.tBoxText {
font-size: 1.3rem;
margin-bottom: 10px;
padding-left: 0px;
margin-left: 0px;
}

.tBox {
display: block;
padding: 20px 10px 20px 10px;
}
.tBox ul li {
background-position: left 7px;
font-size: 1.2rem;
}


}