@charset "utf-8";

body {
    padding: 0;
}
.sp{
    display: none;
}
#container {
    margin: 0 auto;
    width: 960px;
}
section {
    line-height: 0;
}
section.happening .txt {
    background: url(../images/lpHappening11.jpg) no-repeat;
    text-align: center;
    padding: 40px 0 0 0; 
    height: 399px;
}
section.happening .txt h2 {
	margin: 0 0 34px;
}
section.happening .txt p,
section.fighter .txt p {
    color: #10266e;
    line-height: 35px;
}
section.fighter .txt h2 {
	margin: 0 0 30px;
}
section.fighter .txt {
    background: url(../images/lpFighter.jpg) no-repeat;
    text-align: center;
    padding: 95px 0 0 0; 
    height: 571px;
    line-height: 38px; 
    margin-bottom: 75px;
}
section.fighter .txt span.font01 {
    color: #2d3ab3;
    font-size: 28px; 
    display: block;
    margin-bottom: 20px; 
    font-weight: bold;
}
section.fighter .txt span.font02 {
    color: #10266e; 
    font-size: 33px; 
    display: block; 
    margin-bottom: 20px; 
    font-weight: bold;
}
section.textArea {
    background: url(../images/lpText01.png) no-repeat;
    padding: 220px 0 30px 0;
    text-align: center;
}
section.textArea h2 {
	margin: 0 0 43px;
}
section.textArea div {
    margin-top: 30px;
}
section.lineArea {
    margin-bottom: 80px;
}
section.lineArea .btnBg {
    background: url(../images/lpBgLine.jpg) no-repeat;
    height: 348px; 
    position: relative; 
    margin-bottom: 20px;
}
section.lineArea .txt {
    color: #fff; 
    position: absolute;
    top: 188px;
    left: 287px; 
    font-size: 22px;
}
section.lineArea .btn{
    position: absolute;
    top: 208px;
    left: 222px;
}
section.lineArea .btn a img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
section.lineArea p {
   text-align: center;
}
section.lineArea p a {
    color: #000;
}
footer {

}
footer div {
    border: 1px solid #ede9de; 
    padding: 1px; 
    margin-bottom: 10px;
}
footer h2 {
    background: #ede9de; 
    font-size: 14px; 
    padding-left: 2px; 
    margin: 0;
	font-weight: bold;
}
footer ul {
    overflow: hidden; 
    margin: 0;
    padding: 5px 5px 5px 8px;
    background: #F2F2F2;
}
footer ul li {
    float: left; 
    list-style: none;
}
footer ul li:after {
    content: "|";
    color: #ccc;
    padding: 0 10px;
}
footer ul li a {
    color: #3A84BE;
}
.bl_foot_copyright{
    display: flex;
	justify-content: center;
	margin-bottom: 0;
}
@media screen and (max-width: 750px){
    .pc{
        display: none;
    }
    .sp{
        display: block;
    }
    #container {
        width: 750px;
    }
    section.happening .txt {
        background: url(../images/lpHappening12_sp.jpg) no-repeat;
        padding: 54px 0 0 0;
        height: 701px;
    }
	section.happening .txt h2{
		display: flex;
		justify-content: center;
	}
	section.happening .txt p,
	section.fighter .txt p {
		display: flex;
		justify-content: center;
	}
    section.fighter .txt h2 {
        margin: 0 0 16px;
        display: flex;
        justify-content: center;
    }
    section.fighter .txt {
        background: url(../images/lpFighter_sp.jpg) no-repeat;
        padding: 70px 0 0 0;
        height: 645px;
        margin-bottom: 48px;
    }
    section.textArea {
        background: url(../images/lpText01_sp.png) no-repeat;
        padding: 225px 0 30px 0;
    }
    section.textArea h2 {
        margin: 0 0 54px;
    }
    section.textArea h2,
    section.textArea p{
		display: flex;
        justify-content: center;
	}
    section.textArea div {
        margin-top: 75px;
    }
    section.lineArea {
        margin-bottom: 50px;
    }
    section.lineArea .btnBg {
        background: url(../images/lpBgLine_sp.jpg) no-repeat;
        height: 354px;
        margin-bottom: 0;
    }
    section.lineArea .txt.sp {
		width: 563px;
		left: 96px;
		top: 175px;
	}
    section.lineArea .btn{
        top: 208px;
        left: 86px;
    }
    /* section.lineArea .btn a img:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
    } */
    /* section.lineArea p {
    text-align: center;
    } */
    /* section.lineArea p a {
        color: #000;
    } */
    footer {
		background: #145c84;
    }
    footer div {
        border: none;
        /* padding: 1px;  */
        margin-bottom: 0;
        letter-spacing: 1.48px;
    }
    footer h2 {
        background: none;
        color: #fff;
        font-size: 38px;
        padding: 40px 0 30px;
        text-align: center;
        /* margin: 0; */
        border-bottom: 1px solid;
    }
    footer ul {
        /* overflow: hidden; 
        margin: 0; */
        padding: 0;
        background: none;
        display: flex;
        flex-wrap: wrap;
    }
    footer ul li {
        float: unset; 
        list-style: none;
		width: 50%;
		border-bottom: 1px solid #fff;
    }
	footer ul li:first-of-type{
		order: 1;
		border-right: 1px solid #fff;
	}
	footer ul li:nth-of-type(2){
		order: 2;
	}
	footer ul li:nth-of-type(3){
		order: 7;
		border-right: 1px solid #fff;
	}
	footer ul li:nth-of-type(4){
		order: 6;
	}
	footer ul li:nth-of-type(5){
		order: 3;
		border-right: 1px solid #fff;
	}
	footer ul li:nth-of-type(6){
		order: 4;
	}
	footer ul li:nth-of-type(7){
		order: 5;
		border-right: 1px solid #fff;
	}
	footer ul li:nth-of-type(8){
		order: 9;		
	}
	footer ul li:nth-of-type(9){
		order: 10;
		border-right: 1px solid #fff;
		border-bottom: none;
	}
    footer ul li:after {
        content: none;
    }
    footer ul li a {
		display: block;
		color: #fff;
		font-size: 28px;
		font-weight: bold;
		padding: 29px 24px 30px 28px;
		letter-spacing: 1.6px;
		position: relative;
	}
    footer ul li a:hover{
		color: #fff;
		text-decoration: none;
	}
    footer ul li a::before{
		content: '▶︎';
		margin-right: 10px;
		color: #fff6c0;
	}
	.bl_foot_copyright{
		align-items: center;
		margin-bottom: 0;
		background: #222;
		height: 38px;
		font-size: 20px;
		color: #fff;
		font-weight: bold;
	}
}

/*================================
求人内容
================================*/
#recruit {	
    background: url(../images/lpRecruit.jpg) no-repeat;
	margin-bottom: 20px;
}
#recruit .header {
    padding: 527px 0 0;
    text-align: center;
}
#recruit .bl_recruit {
    background: url(../images/lpBgRecruit03.jpg) no-repeat;
	height: 3146px;
    /* 短いbg */
	/* background: url(../images/lpBgRecruit02.jpg) no-repeat;
	height: 1683px; */
}
#recruit .ly_cont_inner {
	padding: 150px 46px 0 95px;
}
/*見出し*/
#recruit .bl_recruit h3 {
	text-align: center;
	border-bottom: 1px solid #9d1111;
	padding-bottom: 21px;
	margin-bottom: 25px;
	margin-right: 73px;
}
#recruit .bl_recruit h3 > span{
	display: block;
	font-size: 17px;
	margin-top: 17px;
	letter-spacing: 0.6px;
}
/*項目*/
#recruit .bl_recruit dl {
	margin-bottom: 100px;
}
#recruit .bl_recruit dl.cont3{
	margin-bottom: 118px;
}
#recruit .bl_recruit dl.cont4{
	margin-bottom: 70px;
}
#recruit .bl_recruit dl div {
	display: flex;
	align-items: flex-start;
	margin-bottom: 68px;
}
#recruit .bl_recruit dl.cont4 div,
#recruit .bl_recruit dl.cont5 div{
	margin-bottom: 40px;
}
#recruit .bl_recruit dl div:last-of-type {
	margin: 0;
}
#recruit .bl_recruit dl div dt {
	width: 128px;
	font-size: 24px;
	letter-spacing: 0.04em;
	flex-shrink: 0;
}
#recruit .bl_recruit dl div dd {
	font-size: 24px;
	line-height: 1.7;
	letter-spacing: 0.04em;
}
#recruit .bl_recruit .cont3 div:first-of-type dd{
	letter-spacing: 0px;
}
#recruit .bl_recruit dl div dd .station{
	font-size: 24px;
	letter-spacing: 0;
}
#recruit .bl_recruit dl div dd .line{
	font-size: 20px;
}
.bl_address_areaTtl{
	color: #740f0c;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 40px;
}
/* 給与 */
#recruit .bl_recruit .cont1 div > div{
	display: flex;
	flex-direction: column;
	gap: 41px;
}
/* 給与 */
#recruit .bl_recruit .cont1 div > div span{
	color: #620f0c;
}
/*入社3ヶ月目の～*/
#recruit .bl_recruit dl div dd .att {
	font-size: 16px;
}
/*全部予約で埋まってるので～*/
#recruit .bl_recruit dl div dd .note {
	font-size: 18px;
	display: block;
	margin-top: 10px;
	line-height: 1.2;
}
/*店舗所在地*/
#recruit .bl_recruit .cont3 div {
	margin-bottom: 35px;
	margin-right: -30px;
}
#recruit .bl_recruit .cont3 div dd .station {
	font-size: 18px;
}
#recruit .bl_recruit .cont3 div dd .line {
	font-size: 14px;
}

@media screen and (max-width: 750px){
    #recruit {	
        background: url(../images/lpRecruit_sp.jpg) no-repeat;
        margin-bottom: 20px;
    }
    #recruit .header {
        padding: 544px 0 0;
        display: flex;
        justify-content: center;
    }
    #recruit .bl_recruit {
        /* background: url(../images/lpBgRecruit_sp.jpg) no-repeat;
        height: 3328px; */
        background: url(../images/lpBgRecruit03_sp.jpg) no-repeat;
        height: 4940px;
        margin-top: 28px;
    }
    #recruit .ly_cont_inner {
        padding: 133px 67px 0 72px;
    }
    /*見出し*/
    #recruit .bl_recruit h3 {
        padding-bottom: 12px;
        margin-bottom: 41px;
        margin-right: 0;
        /* display: flex;
		flex-direction: column;
		justify-content: center; */
    }
    #recruit .bl_recruit h3 > img.sp{
		display: flex;
		justify-content: center;
		margin: 0 auto;
	}
    #recruit .bl_recruit h3 > span{
        font-size: 24px;
        margin-top: 15px;
    }
    /*項目*/
    #recruit .bl_recruit dl {
        margin-bottom: 80px;
        /* padding: 0 30px 0; */
        /* display: flex;
		flex-direction: column; */
    }
    #recruit .bl_recruit dl div {
		flex-direction: column;
		margin-bottom: 44px;
		}
    #recruit .bl_recruit dl div + div,
    #recruit .bl_recruit dl.cont5 div:first-of-type{
		border-top: 1px solid;
		padding-top: 42px;
	}
    #recruit .bl_recruit dl div:last-of-type {
        margin: 0;
    }
    #recruit .bl_recruit dl div dt {
        width: auto;
        font-size: 32px;
        padding-left: 15px;
        margin-bottom: 12px;
    }
    #recruit .bl_recruit dl div dd {
        font-size: 28px;
        line-height: 1.6;
        /* letter-spacing: 0.06em; */
        padding-left: 16px;
    }
    #recruit .bl_recruit .cont3 div:first-of-type dd{
        letter-spacing: 0px;
    }
	#recruit .bl_recruit .cont1 div > div span.sp{
		display: inline;
	}
    #recruit .bl_recruit dl div dd .station{
        font-size: 28px;
        letter-spacing: 0;
    }
    #recruit .bl_recruit dl div dd .line{
        font-size: 28px;
    }
    /*入社3ヶ月目の～*/
    #recruit .bl_recruit dl div dd .att {
        font-size: 24px;
    }
    /*全部予約で埋まってるので～*/
    #recruit .bl_recruit dl div dd .note {
        font-size: 24px;
    }
}
/**Mac,iPad Safari**/
@media only screen and (max-device-width:750px) {
	#recruit .ly_cont_inner {
        padding: 145px 67px 0 72px;
    }
	#recruit .bl_recruit dl.cont3{
		margin-bottom: 95px;
	}
}