@charset "utf-8";
/* CSS Document */
/*========================================================================
Media Queries
========================================================================*/
@media screen and (max-width: 1500px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1000px) {
	.front .sec1 .msg {
		width: 90%;
	}
	.front .sec2 .img1 img {
		width: 50vw;
	}
}
@media screen and (max-width: 940px) {
	.leave .page_ttl h2 img{
		max-width: 96%;
	}
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 800px) {
}
@media screen and (max-width: 750px) {
}
@media screen and (max-width: 700px) {
	}
@media screen and (max-width: 650px) {
	.front .sec1 .msg {
		bottom: 10vw;
	}
	.front .sec2 {
		margin-bottom: 0px;
	}
	.front .sec2 .img1 {
		top: -160px;
	}
	.front .sec2 .tb {
		display: block;
		margin: 100px auto 50px;
	}
	.front .sec2 .tb .tl{
        text-align: center;
    }
	.front .sec2 .tb .tl img {
		width: 80%;
	}
	.front .sec2 .img1 img {
		width: 60vw;
	}
	.front .sec2 .img2 {
		top: 40vw;
		bottom: auto;
	}
	.front .sec2 .img2 img{
		width: 40vw;
	}
	.front .sec2 .tb .tl ,
	.front .sec2 .tb .tr {
			width: 100%;
	}
	.front .sec2 .tb .tr {
		padding: 50px 0 0 0;
	}
	.front .sec2 .tb .tr h3 {
		font-size: 6vw;
	}
	.front .sec3 .ttl h3 {
		font-size: 6vw;
	}
	.front .sec3 .ttl h3 span{
		font-size: 7vw;
		letter-spacing: 0px;
	}
	.front .sec3 .ttl {
		margin-bottom: 30px;
	}
	.front .sec3 .layout {
		display: block;
	}
	.front .sec3 .layout .tl ,
	.front .sec3 .layout .tc {
		width: 100%;
	}
	.front .sec4 .img1 {
		width: 30%;
	}
	.front .sec4 .img2 {
		top: 23vw;
		width: 30%;
	}
	.front .sec4 .img1 img,
	.front .sec4 .img2 img{
			width: 100%;
	}
	.front .sec4 .ttl h3 {
		font-size: 6vw;
	}
	.front .sec4 .tb .tl {
		width: 100%;
		padding: 50px 5%;
		box-sizing: border-box;
	}
	.front .sec4 .tb .tr {
		width: 100%;
		margin-left: 0%;
	}
	.front .sec4 .sp2 .tl {
		margin-left: 0%;
	}
	.front .sec4 .tb .tl h3 {
		font-size: 6vw;
	}
	.front .sec4 .sp2 .tl {
		order: 0;
	}
	.front .sec4 .sp2 .tr {
		order: 1;
	}
	.front .sec5 {
		margin: 0 0;
		padding-top: 15vw;
	}
	.front .sec5 .tb {
		display: block;
	}
	.front .sec5 .tb .tl {
		display: block;
		width: 100%;
		padding-top:  7.692vw;
	}
	.front .sec5 .tb .tl h3 {
		font-size: 5vw;
		margin-bottom: 10px;
	}
	.front .sec5 .tb .tl h4 {
		font-size: 5vw;
	}
	.front .sec5 .tb .tl a {
		width: 90%;
		box-sizing: border-box;
	}
	.front .sec5 .tb .tr {
		display: block;
		width: 100%;
		padding-right: 0%;
	}
	.front .sec5 .tb .tr ul {
		margin: 0;
		padding: 0;
	}
	.front .sec5 .tb .tr ul li {
		font-size: 3.5vw;
	}
	.front .sec5 .tb .tr ul li .date {
        width: 100%;
        text-align: left;
		padding: 0 15px;
	}
	.front .sec5 .tb .tr ul li .ct {
		width: 30%;
		padding: 3px 10px;
	}
	.front .sec5 .tb .tr ul li .link {
		display: block;
		width: 100%;
        margin-top: 2vw;
	}
	/*-----------------------------------------------------
	サブページヘッダー
	------------------------------------------------------*/
	.page_ttl {
		padding: 60px 0 100px;
	}
	/*-----------------------------------------------------
	介護事業者の特定技能外国人採用はお任せ！
	------------------------------------------------------*/
	.leave .sec1 {
		padding: 50px 0;
	}
	.leave .sec1 .ttl h3 {
		font-size: 6vw;
	}
	.leave .sec1 .ttl p {
		font-size: 4vw;
	}
	.leave .sec1 .ttl {
		margin-bottom: 30px;
	}
	.leave .sec1 .tb .tl {
		margin-bottom: 10px;
		width: 100%;
	}
	.leave .sec1 .tb .tr {
		width: 100%;
		padding: 60px 4% 50px 4%;
		margin-top: 0px;
		margin-left: 0%;
	}
	.leave .sec1 .sp2 .tr {
		padding: 80px 4% 50px 4%;
		margin-left: 0%;
		order: 1;
	}
	.leave .sec1 .sp2 .tl {
		margin-left: 0%;
		order: 0;
	}
	.leave .sec1 .tb:nth-child(2) .tr {
		background: url(../images/merit_01.webp) no-repeat left 4% top 4% #ffffff;
		background-size: 30% auto;
	}
	.leave .sec1 .tb:nth-child(3) .tr {
		background: url(../images/merit_02.webp) no-repeat left 4% top 4% #ffffff;
		background-size: 30% auto;
	}
	.leave .sec1 .tb:nth-child(4) .tr {
		background: url(../images/merit_03.webp) no-repeat left 4% top 4% #ffffff;
		background-size: 30% auto;
	}
	.leave .sec1 .tb:nth-child(5) .tr {
		background: url(../images/merit_04.webp) no-repeat left 4% top 4% #ffffff;
		background-size: 30% auto;
	}
	.leave .sec1 .tb .tr h4 {
		font-size: 5.5vw;
	}
	/*-----------------------------------------------------
	特定技能外国人のQ&A
	------------------------------------------------------*/
	.faq .page_ttl h2 img{
		max-width: 80%;
	}
	.faq .sec1 {
		padding: 50px 0;
	}
	.faq .sec1 .ttl h3 {
		font-size: 6vw;
	}
	.faq .sec1 .ttl {
		margin-bottom: 30px;
	}
	.faq .sec1 .block .qq {
		background: url(../images/faq_q.webp) no-repeat left 10px center #FFF9F1;
		padding: 15px 10px 15px 60px;
		background-size: 30px auto;
	}
	.faq .sec1 .block .qq p {
		font-weight: 600;
		margin: 0;
	}
	
	.faq .sec1 .block .aa {
		background: url(../images/faq_a.webp) no-repeat left 10px top 15px #ffffff;
		padding: 15px 10px 15px 60px;
		background-size: 30px auto;
	}
	
	/*-----------------------------------------------------
	会社概要
	------------------------------------------------------*/
	.company .page_ttl h2 img{
		max-width: 30%;
	}
	.company .sec1 {
		padding: 50px 0;
	}
	.company .ttl h3 {
		font-size: 6vw;
	}
	.company .ttl {
		margin-bottom: 30px;
	}
	.company .sec2 {
		padding: 50px 0 0;
	}
	.company .sec1 {
		margin: 0 auto ;
		display: block;
		width: 90%;
	}
	.company .sec1 .block img {
		width: 80%;
		margin: 0 auto;
		display: block;
	}
	.company .sec1 .block {
		margin-bottom: 30px;
	}
	.company .sec3 table tr th {
		padding: 18px 0 10px;
		width: 100%;
		border-bottom: 0px;
		display: block;
		text-align: left;
		font-size: 3.5vw;
		font-weight: 500;
	}
	.company .sec3 table tr td {
		width: 100%;
		padding:0 0 18px;
		border-bottom: 1px solid #838383;
		display: block;
		font-size: 3.5vw;
	}
	.company .sec3 table tr td .tb {
		display: grid;
		grid-template-columns: 25% 75%;
		gap: 10px;
	}
	.company .sec4 .block{
		display: block;
		width: 100%;
		margin: 0 auto ;
	}
	.company .sec4 .block .box{
		display: block;
		width: 90%;
		margin: 0 auto 30px;
	}
	.company .sec4 .block .box h4 {
		font-size: 4.5vw;
	}
	.company .sec4 .block .box li {
		font-size: 3.5vw;
	}
	.company .sec4 .img {
		padding: 0 5%;
	}
	/*-----------------------------------------------------
	プライバシーポリシー
	------------------------------------------------------*/
	.privacy .sec1 {
		padding: 50px 0;
	}
	.privacy .ttl h3 {
		font-size: 6vw;
	}
	.privacy .sec1 .block ul li {
		font-size: 3.5vw;
	}
	.privacy .page_ttl h2 img{
		max-width: 90%;
	}
	/*-----------------------------------------------------
	お問い合わせ・資料請求
	------------------------------------------------------*/
	.contact .page_ttl h2 img{
		max-width: 50%;
	}
	.contact .sec1 .block1 .box {
		width: 100%;
	}
	.contact .sec1 .block1 .box .step1 {
		font-size: 4vw;
		padding: 35px 0;
		min-width: 28%;
	}
	.contact .sec1 .block1 .box .step2 {
		font-size: 4vw;
		padding: 35px 0;
		min-width: 28%;
	}
	.contact .sec1 .block1 .box .step3 {
		font-size: 4vw;
		padding: 35px 0;
		min-width: 28%;
	}
	.contact_form .mw_wp_form input,
	.contact_form .mw_wp_form select,
	.contact_form .mw_wp_form textarea{
		font-size: 16px;
		padding: 8px;
	}

	/*-----------------------------------------------------
	新着情報
	------------------------------------------------------*/
	.topics h2{
	    font-size: 4.5vw;
	}
	.topics .row ul {
		margin: 0;
		padding: 0;
	}
	.topics .row ul li {
		font-size: 3vw;
	}
	.topics .row ul li .date {
		width: 25%;
		padding: 0 15px;
	}
	.topics .row ul li .ct {
		width: 30%;
		padding: 3px 10px;
	}
	.topics .row ul li .link {
		display: block;
		width: 100%;
        margin-top: 2vw;
	}
	.sub .wp-pagenavi a, .wp-pagenavi span {
		font-size: 3vw;
	}

}