/*===============================================
　SP iPhone6以上（画面の横幅が761pxまで）
===============================================*/

@media (max-width:761px){
	
	/* ============================================================
 	main vi 
	==============================================================*/

	
	#main_wrap{
		width: 100%;
		height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
        background:url("../img/bg_main_sp.jpg") no-repeat center;
        background-size:cover;
		position: relative;
	}

	#main_copy_wrap{
		width:100%;
		height: calc(var(--vh, 1vh) * 100);
		position: absolute;
		top: 50%;
		left: 0;
		transform:translate(0, -50%);
		background:rgb(35 24 2 / 30%)
	}
	
	#main_copy_wrap h1{
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size: 1.4rem;
		color:#fff;
		white-space: nowrap;
		line-height: 120%;
		letter-spacing: 2px;
		padding: 0 0 22px 0;
		text-align: center;
	}
	#main_copy_wrap .sh_txt{
		font-family: 'Lato', sans-serif;
		font-weight: 400;
		font-size: 1.2rem;
		color: #e7bf69;
		text-align: center;
		padding: 26vw 0 0;
	}

	#main_copy_wrap .sh_txt span{
		font-weight: 300;
		font-size: 2.0rem;
		margin: 0 4px 0 0;
	}
	#main_copy_wrap .sh_txt span:first-child{
		letter-spacing:-1px;
	}

	h2 span{
		font-family: 'Lato', sans-serif;
		font-weight: 300;
		font-size: 2rem;
		color: #e7bf69;
		letter-spacing: 3px;
		position: absolute;
		top: -37px;
	}
	iframe{
		width:100%;
		margin:20px 0;
	}

	/* ============================================================
 	copy
	==============================================================*/

	.copy{
		position: relative;
		top: 44vw;
	}

	.copy h2{
		color:#fff;
		font-size: 3.0rem;
		font-family: 'Noto Serif JP', serif;
		white-space: nowrap;
		line-height: 120%;
		text-align: center;
		margin: 0 0 18px;
	}

	.copy p{
		color:#fff;
		font-family: 'Noto Serif JP', serif !important;
		white-space: nowrap;
		line-height: 270%;
		margin: -6px 0 0;
		text-align:center;
	}
	

	
	/* ============================================================
 	section 01
	==============================================================*/
	
	#sec01{
		width: 92%;
		background:url("/global/img/bg_wall.jpg") repeat;
	}

	/* ============================================================
 	recruit
	==============================================================*/
	
	#recruit #sec01 {
		padding: 0 4%;
	}
	
	#recruit #sec01 h2{
		font-weight: 400;
		font-size: 1.8rem;
		color: #000000;
		line-height: 140%;
		padding:0 0 10px;
		margin: 48px 0 20px;
		border-bottom:1px solid #ccc;
		font-family: 'Noto Serif JP', serif;
	}

	#recruit #sec01 h2.no_re{
		text-align:center;
		margin: 60px 0 100px;
	}

	#recruit #sec01 h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.6rem;
		color: #000000;
		line-height: 100%;
		padding:0 0 10px;
	}

	#recruit #sec01 h3 span{

		display:inline-block;
		margin:0 5px 0 0;
		font-size:1.2rem;
		vertical-align: 1px;
	}

	#recruit p{
		font-size: 1.4rem;
		font-family: 'Noto Serif JP', serif;
	}

	#recruit td p{
		font-size:1.3rem;
		font-family: 'Noto Serif JP', serif;
	}

    #recruit th{
    	/* width: 25%; */
    	display: block;
    	background: #000000;
    	font-family: 'Noto Serif JP', serif;
    	font-weight: 400;
    	font-size: 1.4rem;
    	padding:5px 0;
    	color:#fff;
    	/* border-bottom:1px solid #fff; */
    }
    #recruit td{
    	/* width:70%; */
    	display: block;
    	padding: 20px 6%;
    	border-top: 1px solid #000000;
    	border-right: 1px solid #000000;
    	border-left: 1px solid #000000;
    }

    #recruit tr:last-child td{
    	border-bottom: 1px solid #000000;
    }

    #recruit h4{
    	font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.6rem;
		color:#2896e0;
		padding:20px 0 5px;
    }
    #recruit h4.mt0{
    	padding:0 0 5px;
    }

    #recruit h5{
    	font-weight: 400;
    	font-size: 1.3rem;
    	font-family: 'Noto Serif JP', serif;
    	padding: 0 0 5px 16px;
    	position:relative;
    }

    #recruit h5:before{
    	content: "";
    	display: block;
    	width: 8px;
    	height: 8px;
    	border-radius:100%;
    	background: #000000;
    	position: absolute;
    	top: 8px;
    	left:0;
    }

	#recruit .mt {
	padding: 20px 0 0;
	}

	#recruit .note_txt {
		font-size:1.1rem;
		text-indent: -1em;
		padding: 0 0 0 1em;
	}

	#recruit .access_txt {
	padding: 0 0 0 20px;
	}
	



	#recruit #sec02 {
		padding: 23px 5%;
		background-color: #e9ecef;
	}
	
	#recruit #sec02 h2{
		font-weight: 400;
		font-size: 1.6rem;
		color:#000000;
		line-height: 140%;
		padding:0 0 20px;
		text-align: center;
		font-family: 'Noto Serif JP', serif;
	}

	#recruit #sec02 .wrapper {
		width: 100%;
	}

    #recruit #sec02 span{
	    font-family: 'Lato', sans-serif;
	    font-size:1.8rem;
	    color: #d4a133;
	    text-align: center;
	    display: flex;
	    align-items: center;
	    margin:0 0 10px;
	}

	#recruit #sec02 span:before, #recruit #sec02 span:after {
		content: "";
		flex-grow: 1;
		height: 1px;
		background: #d4a133;
		display: block;
	}

	#recruit #sec02 span:before {
		margin-right: .4em;
		background: linear-gradient(-90deg, #d4a133, transparent);
	}

	#recruit #sec02 span:after {
		margin-left: .4em;
		background: linear-gradient(90deg, #d4a133, transparent);

	}

	#recruit #sec02 a{
		display:block;
		width:300px;
		margin:0 auto;
		background: #cea333;
		color:#fff;
		font-family: 'Noto Serif JP', serif;
		text-align:center;
		font-weight: 400;
		font-size: 1.6rem;
		padding:10px 0 12px;
		border-radius:50px;
		transition: all 0.5s ease 0s;
	}

	#recruit #sec02 a:hover{
		background:#385692;
	}

	#recruit table{
		width:100%;
	}

	#recruit #sec01 .wrapper{
		padding: 11px 1% 42px;
	}

	#recruit #sec02 .wrapper{
		padding: 11px 1% 42px;
	}



/*以下フェードイン表示の指定*/
.fadein {
    opacity: 0;
    animation: fadein 6s ease forwards;
}
@keyframes fadein {
    100% {  opacity: 1;}
}
 
/*以下遅延の指定*/
	.txt01 {animation-delay: 0.5s;}
	.txt02 {animation-delay: 0.7s;}
	.txt03 {animation-delay: 0.9s;}
	.txt04 {animation-delay: 1.1s;}
	.txt05 {animation-delay: 1.3s;}
	.txt06 {animation-delay: 1.5s;}
	.txt07 {animation-delay: 1.7s;}



}
	
}



/*===============================================
　SP iPhone5サイズ対応　画面の横幅が350pxまで▼▼▼▼▼
===============================================*/

@media (max-width:349px) {
	
}

/*===============================================
　SP iPhone Plus サイズ対応　画面の横幅が415pxまで▼▼▼▼▼
===============================================*/

@media (min-width:413px) {
	
}