@charset "UTF-8";
/* CSS Document */

/* Tablet */
@media (max-width: 959px){
	.pc{
		display: none !important;}
	.pc_2{
		display: none !important;}

	.sp-slide img{
	}
	.sp-slide h2{
		font-size: 2em !important;
		max-width: 700px!important;
		width: 90%;
		min-width: 340px;
	}
	.contents h2{
		font-size: 1.5em;
	}
	.menu_link{
		margin-bottom: 20px;
	}
	.contents_link{
		width: 760px;
	}
	.link_button{
		width: 250px;
		height: 250px;
	}
	.top_pro_img img{
		width: 120px;
		height: 120px;
	}
	.subtitle{
		height: 280px;
	}
	.subtitle h2{
		display: block;
		font-size: 2em;
		bottom: 30px;
		white-space: nowrap;
	}

	input[type='text'] ,input[type='date'] , textarea{
		width: 100% !important;
	}
	.photo_flex{
		justify-content: center;
	}
	.photo_flex div{
		width: calc(100% / 2 - 20px);
		max-width: 350px;
	}

}


/* sp */
@media (max-width: 768px){
	.pctb{
		display: none !important;
	}
	.site-header{
		height: 100px;
	}
	.site-header h1{
		line-height: 100px;
	}
	.site-header h1 img{
		width: 200px;
	}
	.site-header h1::after{
		content: "";
		border-top: 100px solid rgba(230,0,51,1.0) ;
		border-right: 50px solid transparent;
		border-bottom: 0px solid transparent;
		border-left: 50px solid rgba(230,0,51,1.0) ;
		position: absolute;
		bottom: 0;
		transition: .5s;
	}
	.site-header.transform h1 img{
		width: 180px;
		transition: .5s;
	}
	.site-header.transform h1::after{
		content: "";
		border-top: 100px solid rgba(230,0,51,0.0) ;
		border-right: 50px solid transparent;
		border-bottom: 0px solid transparent;
		border-left: 50px solid rgba(230,0,51,0.0) ;
		position: absolute;
		bottom: 0;
		transition: .5s;
	}
	.sp-slide img{
		width: 280px;
	}
	.sp-slide h2{
		text-align: center;
		color: #fff;
		font-size: 1.5em !important;
		line-height: 120% !important;
		width: 90%;
		font-family: 'Noto Serif JP', serif;
	}
	.greeting{
		background: #000;
	}
	.contents_flex{
		display: block;
	}
	.contents_title{
		height: 150px;
	}
	.contents_title h2{
		top: 55%;
	}
	.contents_title::after{
		border-width: 150px 50px 0 50px ;
	}
	.contents_txt{
		width: 100%;
		padding: 10px;
	}
	.top_rec_flex{
		display: block;
		margin: auto;
	}

	/* コンテンツリンク　==================== */
	.contents_link{
		width: 100%;
		margin: auto;
	}
	figure{
		width: 300px;
		height: 219px;
	}
	figure.effect-honey{
		margin-bottom: 30px;
	}

	header h1,.header-change h1{
		padding-left: 20px;
	}
	header h1 img,.header-change h1 img{
		height: inherit;
		width: 80%;
		max-width: 300px;
		margin: auto;
	}
	
	/* カルーセルスライダー ======================================== */
	.carousel div {
		margin: 0 5px;
		height: 180px;
		overflow: hidden;
	}
	.footer_in{
		display: block;
	}
	.footer_txt{
		
	}
	.footer_txt::before{
		border:none;
	}

	.footer_in img{
		display: block;
		width: 80%;
		max-width: 280px;
		margin: auto;
		padding-bottom: 15px;
	}
	.footer_in p{
		display: block;
		vertical-align:middle;
		width: 80%;
		max-width: 280px;
		margin: auto
	}
	.subtitle{
		height: 250px;
	}
	.subtitle h2{
	}
	.top_contents h2{
		font-size: 1.5em;
		line-height: 90%;
	}
	.top_contents h2 span{
		font-size: 60%;
	}
	.aisatsu_flex{
		padding: 5px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.case_table th{
		width: 120px;
	}

	.company_table th,.company_table td{
		display: block;
		width: 100%;
	}
	.photo_flex{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.bg_rec02 p{
		font-size: 1em;
	}
	.txt_l{
		font-size: 1.5em;
	}
	.services_flex{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.recruit_flex{
		flex-direction: column;
		align-items: center;
	}

	.mailform{
		padding: 10px;
	}


}