@charset "UTF-8";

@media screen and (min-width:769px){
	header nav a.nav-recruit .inbox::after{
		transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
	}
	
    #recruit ul {
        margin: 0;
        padding: 0;
    }
    #recruit ul.flow li {
        padding: 23px 30px;
        background-color: #f6f6f6;
        border-radius: 10px;
        border: 1px solid #cfcfcf;
        margin: 0 0 36px 0;
        list-style: none;
        position: relative;
        display: flex;
        align-items: center;
    }
    #recruit ul.flow li::after {
        position: absolute;
        content: "";
        background-repeat: no-repeat;
        background-image: url(/images/recruit/arrow_bottom.svg);
        background-size: 23px 15px;
        width: 23px;
        height: 15px;
        bottom: -26px;
        left: calc(50% - 11px);
    }
    #recruit ul.flow li:last-child::after {
        background: none;
    }
    #recruit ul.flow li div.img {
        width: 120px;
        padding: 10px 0;
        margin:0 30px 0 0;
    }
    #recruit ul.flow li dl dt {
        font-size: 1.4em;
        font-weight: 500;
        margin-bottom: 10px;
    }
    #recruit ul.flow li dl dd {
        font-size: 1.1em;
    }
    #recruit ul.flow li dl dd a {
        text-decoration: underline;
    }
    #recruit ul.flow li dl dd a:hover {
        text-decoration:none;
    }
    
    #recruit .requirement {
        margin-bottom: 1em;
    }
    #recruit .requirement table{
		width:100%;
		border-collapse: collapse;
		font-size:1.5rem;
		line-height: 3.2rem;
		letter-spacing: 0.05em;
	}
    #recruit .requirement p.bodyCopy {
        margin-bottom: 2em;
        font-size: 1.1em;
    }
	
	#recruit .requirement table tr th{
		border-bottom:1px solid #d4d7d0;
		border-top:1px solid #d4d7d0;
		padding:25px 30px;
		background:#f6f6f6;
		font-weight: 700;
		text-align: left;
		width:170px;
		box-sizing: border-box;
		vertical-align: top;
	}
	
	#recruit .requirement table tr td{
		border-bottom:1px solid #d4d7d0;
		border-top:1px solid #d4d7d0;
		padding:25px 30px;
		background:#fff;
		font-weight: normal;
		text-align: left;
		vertical-align: top;
	}
    #recruit .requirement table tr td p.title{
        font-weight: 600;
        margin: 0!important;
        font-size: 1.1em;
    }
    #recruit .requirement table tr td p.subTitle{
        font-weight: 600;
        margin: 15px 0 0 0;
    }
    #recruit .requirement table tr td ul {
        margin: 0 0 2em 20px;
    }
    #recruit .requirement table tr td ul li {
        list-style:disc;
        margin: 0;
    }
    #recruit .requirement table tr td ol {
        margin: 0 0 1em 23px;
        padding: 0;
    }
    #recruit .requirement table tr td ol li {
        list-style:decimal
        margin: 0;
    }
    
}

@media screen and (max-width:768px){
	
    #recruit ul {
        margin: 0;
        padding: 0;
    }
    #recruit ul.flow li {
        padding: 23px 30px;
        background-color: #f6f6f6;
        border-radius: 10px;
        border: 1px solid #cfcfcf;
        margin: 0 0 36px 0;
        list-style: none;
        position: relative;
        display: flex;
        align-items: center;
    }
    #recruit ul.flow li::after {
        position: absolute;
        content: "";
        background-repeat: no-repeat;
        background-image: url(/images/recruit/arrow_bottom.svg);
        background-size: 23px 15px;
        width: 23px;
        height: 15px;
        bottom: -26px;
        left: calc(50% - 11px);
    }
    #recruit ul.flow li:last-child::after {
        background: none;
    }
    #recruit ul.flow li div.img {
        width: 20%;
        padding: 10px 0;
        margin:0 20px 0 0;
    }
    #recruit ul.flow li dl {
        width: 80%;
    }
    #recruit ul.flow li dl dt {
        font-size: 1.7rem;
        font-weight: 600;
        margin-bottom: 10px;
    }
    #recruit ul.flow li dl dd {
        font-size: 1.4rem;
    }
    #recruit ul.flow li dl dd a {
        text-decoration: underline;
    }
    
    #recruit .requirement {
        margin-bottom: 1em;
    }
    #recruit .requirement table{
		width:100%;
		border-collapse: collapse;
		font-size:1.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.05em;
	}
    #recruit .requirement p.bodyCopy {
        margin-bottom: 2em;
        font-size: 1.4rem;
    }
    #recruit .requirement table {
		border-bottom:1px solid #d4d7d0;
    }
	#recruit .requirement table tr th{
		border-top:1px solid #d4d7d0;
		padding:13px 10px;
		background:#f6f6f6;
		font-weight: 700;
		text-align: left;
		width:100%;
		box-sizing: border-box;
		vertical-align: top;
        display: block;
	}
	
	#recruit .requirement table tr td{
		border-top:1px solid #d4d7d0;
		padding:15px 10px;
		background:#fff;
		font-weight: normal;
		text-align: left;
		vertical-align: top;
        line-height: 2.5rem;
        display: block;
		width:100%;
	}
    #recruit .requirement table tr td p.title{
        font-weight: 600;
        margin: 0 0 10px 0!important;
        font-size: 1.6rem;
    }
    #recruit .requirement table tr td p.subTitle{
        font-weight: 600;
        margin: 15px 0 5px 0;
    }
    #recruit .requirement table tr td ul {
        margin: 0 0 2em 20px;
    }
    #recruit .requirement table tr td ul li {
        list-style:disc;
        margin: 0 0 5px 0;
    }
    #recruit .requirement table tr td ol {
        margin: 0 0 1em 23px;
        padding: 0;
    }
    #recruit .requirement table tr td ol li {
        list-style:decimal
        margin: 0 0 5px 0;
    }
}