@charset "utf-8";

@media only screen and (min-width:769px){
	.sp_br{
		display: none;
	}
	/* ----- sec1 ----- */
	#sec01_wrap{
		padding: 40px 0 60px 0;
		overflow: hidden;
		background-color: #f6f6f6;
	}
	#sec01{
		width: 980px;
		margin: 0 auto;
		text-align: center;
	}
	#sec01 h2{
		color: #3E3A39;
		font-size: 2.2rem;
		font-weight: bold;
		text-indent: 2px;
		letter-spacing: 2px;
		padding: 40px 0 40px;
	}
	#sec01 h2 span{
		display: block;
		color: #E6453F;
		font-size: 1.2rem;
		text-indent: 2px;
		letter-spacing: 2px;
	}
	#sec01_box{
		text-align: center;
		display:-webkit-box; 
		display:-moz-box; 
		display:-ms-box; 
		display:-webkit-flexbox; 
		display:-moz-flexbox; 
		display:-ms-flexbox; 
		display:-webkit-flex; 
		display:-moz-flex; 
		display:-ms-flex; 
		display:flex; 
		-webkit-box-lines:multiple; 
		-moz-box-lines:multiple; 
		-webkit-flex-wrap:wrap; 
		-moz-flex-wrap:wrap; 
		-ms-flex-wrap:wrap; 
		-moz-box-align: center;
		-webkit-box-align: center;
		-moz-box-pack: center;
		-webkit-box-pack: center;
		justify-content: center;
		flex-wrap:wrap; 
		flex-direction: row;
		padding: 0 0 60px;
		overflow: hidden;
	}
	#sec01_box figure{
		padding: 0 25px;
	}
	#sec01_txt{
		width: 600px;
		margin: 0 auto;
	}
	#sec01_txt p{
		text-align: left;
		color: #3E3A39;
		font-size: 1.3rem;
		line-height: 280%;
	}
	#sec01_txt span{
		display: block;
		text-align: right;
		color: #3E3A39;
		font-size: 1.3rem;
		padding: 10px 0 0;
	}
	/* ----- sec2 ----- */
	#sec02_wrap{
		padding: 40px 0 40px 0;
	}
	#sec02{
		width: 980px;
		margin: 0 auto;
		display: table;
		table-layout: fixed;
	}
	#sec02 .s02_cell_l{
		display: table-cell;
		text-align: center;
		vertical-align: top;
	}
	#sec02 .s02_cell_r{
		display: table-cell;
		text-align: center;
		vertical-align: top;
	}
	#sec02 .s02_box{
		width: 450px;
		height: 280px;
		background-color: #ffffff;
	}
	#sec02 .s02_bg_box{
		background-color: transparent;
		background-image: url(../images/recruit.png);
		background-repeat: no-repeat;
		background-position: center center;
	}
	#sec02 .s02_bg_box p{
		height: 160px;
	}
	#sec02 .waku{
		width: 460px;
		padding: 5px 5px;
		margin: 0 15px;
		background-color: #E5E5E5;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: left;
	}
	#sec02 h2{
		color: #ffffff;
		background-color: #988575;
		font-size: 1.6rem;
		line-height: 40px;
		padding: 0 0 0 10px;
		letter-spacing: 1px;
	}
	#sec02 .s02_cell_l h4{
		display: inline-block;
		color: #3E3A39;
		font-size: 1.3rem;
		letter-spacing: 1px;
		padding: 5px 5px;
		margin: 10px 0 0 10px;
	}
	#sec02 .s02_cell_l p{
		color: #3E3A39;
		font-size: 1.3rem;
		letter-spacing: 1px;
		padding: 5px 15px 10px 15px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	#sec02 .s02_cell_l h4 a, #sec02 .s02_cell_l p a{
		color: #3E3A39;
	}
	#sec02 .btn{
		margin: 10px 0 0 0;
		text-align: center;
	}
	#sec02 .btn a{
		display: inline-block;
		color: #ffffff;
		background-color: #E6453F;
		border: 1px solid #E6453F;
		width: 200px;
		font-size: 1.2rem;
		line-height: 30px;
		text-align: center;
		border-radius: 5px;
	}
	#sec02 .btn a:hover{
		color: #E6453F;
		background-color: #ffffff;
	}
	/* ----- sec3 ----- */
	#sec03_wrap{
		padding: 40px 0 20px 0;
	}
	#sec03{
		text-align: center;
	}
	#sec03 img{
		max-width: 1480px;
		width: 100%;
		margin: 0 auto;
	}
	/* アニメーション */
	.an1{
		opacity: 0;
		animation-delay: 0.5s;
	}
}

@media only screen and (max-width : 768px ){
	.pc_br{
		display: none;
	}
	/* ----- sec1 ----- */
	#sec01_wrap{
		padding: 30px 0 30px 0;
		overflow: hidden;
		background-color: #f6f6f6;
	}
	#sec01{
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}
	#sec01 h2{
		color: #3E3A39;
		font-size: 1.8rem;
		font-weight: bold;
		text-indent: 2px;
		letter-spacing: 2px;
		padding: 10px 0 20px;
	}
	#sec01 h2 span{
		display: block;
		color: #E6453F;
		font-size: 1.0rem;
		text-indent: 2px;
		letter-spacing: 2px;
	}
	#sec01_box{
		text-align: center;
		padding: 0 0 30px;
	}
	#sec01_box figure{
		display: inline-block;
		padding: 15px 10px;
	}
	#sec01_txt{
		max-width: 480px;
		width: 100%;
		margin: 0 auto;
	}
	#sec01_txt p{
		text-align: left;
		color: #3E3A39;
		font-size: 1.3rem;
		line-height: 200%;
	}
	#sec01_txt span{
		display: block;
		text-align: right;
		color: #3E3A39;
		font-size: 1.3rem;
		padding: 10px 0 0;
	}
	/* ----- sec2 ----- */
	#sec02_wrap{
		padding: 20px 0 20px 0;
	}
	#sec02{
		width: 94%;
		margin: 0 auto;
	}
	#sec02 .s02_cell_l{
		text-align: center;
		margin: 20px auto;
	}
	#sec02 .s02_cell_r{
		text-align: center;
		margin: 20px auto;
	}
	#sec02 .s02_box{
		max-width: 450px;
		width: 100%;
		height: 280px;
		margin: 0 auto;
		background-color: #ffffff;
	}
	#sec02 .s02_bg_box{
		background-color: transparent;
	}
	#sec02 .s02_bg_box p{
		height: 160px;
	}
	#sec02 .waku{
		max-width: 460px;
		width: 100%;
		padding: 5px 5px;
		margin: 0 auto;
		background-color: #E5E5E5;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: left;
	}
	#sec02 .s02_bg_box{
		background-image: url(../images/recruit.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#sec02 h2{
		color: #ffffff;
		background-color: #988575;
		font-size: 1.6rem;
		line-height: 40px;
		padding: 0 0 0 10px;
		letter-spacing: 1px;
	}
	#sec02 .s02_cell_l h4{
		display: inline-block;
		color: #3E3A39;
		font-size: 1.3rem;
		letter-spacing: 1px;
		padding: 5px 5px;
		margin: 10px 0 0 10px;
	}
	#sec02 .s02_cell_l p{
		color: #3E3A39;
		font-size: 1.3rem;
		letter-spacing: 1px;
		padding: 5px 15px 10px 15px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	#sec02 .s02_cell_l h4 a, #sec02 .s02_cell_l p a{
		color: #3E3A39;
	}
	#sec02 .btn{
		margin: 10px 0 0 0;
		text-align: center;
	}
	#sec02 .btn a{
		display: inline-block;
		color: #ffffff;
		background-color: #E6453F;
		border: 1px solid #E6453F;
		width: 200px;
		font-size: 1.2rem;
		line-height: 30px;
		text-align: center;
		border-radius: 5px;
	}
	/* ----- sec3 ----- */
	#sec03_wrap{
		padding: 20px 0 20px 0;
	}
	#sec03{
		text-align: center;
	}
	#sec03 img{
		width: 100%;
		margin: 0 auto;
	}
}

@media only screen and (max-width : 420px ){
	/* ----- sec3 ----- */
	#sec03_wrap{
		display: none;
	}
}
/*2023/04/12*/
.sec01_txt{
		width: 600px;
		margin: 50px auto;
	border-top: 1px solid #333;
	padding-top:50px;
	}
.sec01_txt h3{
		color: #3E3A39;
		font-size: 2.2rem;
		font-weight: bold;
		text-indent: 2px;
		letter-spacing: 2px;
		padding: 40px 0 40px;
	}
	.sec01_txt p{
		text-align: left;
		color: #3E3A39;
		font-size: 1.3rem;
		line-height: 200%;
	}
@media only screen and (max-width : 768px ){
.sec01_txt{
		max-width: 480px;
		width: 100%;
		margin: 30px auto;
	padding-top:30px;
	}
	.sec01_txt h3{
		color: #3E3A39;
		font-size: 1.5rem;
		text-indent: 2px;
		letter-spacing: 2px;
		padding: 10px 0 20px;
	}
}