<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
 @import url("https://fonts.googleapis.com/css?family=Pacifico"); .conversion_scroll_nav .conversion_list li{
width: 33%;
}
@media screen and (max-width: 767px){
.footer .con_btn_list li {
width: 33%;
}
}
.recruit{
overflow: hidden;
}
.recruit .recruit_ttl{
text-align: center;
margin: 0 auto 40px;
}
.recruit .recruit_ttl .en{
font-family: 'Pacifico', cursive;
font-size: 7.2rem;
}
.recruit .recruit_ttl .ja{
font-size: 2.4rem;
font-weight: bold;
line-height: 1.5;
}
.recruit .recruit_ttl .ja::before{
content: "";
display: block;
max-width: 100px;
width: 100%;
height: 7px;
margin: 25px auto;
background: #f47813;
}
@media screen and (max-width: 767px) {
.recruit .recruit_ttl .en{
font-size: 6.6rem;
}
.recruit .recruit_ttl .ja{
font-size: 2.1rem;
}
}
@media screen and (max-width: 480px) {
.recruit .recruit_ttl .en{
font-size: 4.6rem;
}
.recruit .recruit_ttl .ja{
font-size: 1.8rem;
}
.recruit .recruit_ttl .ja::before{
height: 5px;
margin: 15px auto;
}
}  .ellipsis_2line{
position: relative;
overflow: hidden;
height:5.2rem;
}
.ellipsis_2line::before, .ellipsis_2line::after {
position: absolute;
background: #fff;
}
.ellipsis_2line::before {
content: "...";
bottom: 0;
right: 0;
padding:0 0 0.08em;
height: 1.5em;
}
.ellipsis_2line::after{
content: "";
width: 100%;
height: 100%;    
} .recruit .recruit_nav_wrap{
margin-bottom: 95px;
}
.recruit .recruit_nav_wrap .recruit_top_btn{
background: #f47813;
color: #fff;
font-weight: bold;
font-size: 1.8rem;
text-align: center;
display: block;
}
.recruit .recruit_nav_wrap .recruit_nav01{
background: #fffdf6;
}
.recruit .recruit_nav_wrap .recruit_nav02{
padding: 7px 0 0;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul,
.recruit .recruit_nav_wrap .recruit_nav02 ul{
display: flex;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li a,
.recruit .recruit_nav_wrap .recruit_nav02 ul li a{
color: #333;
font-weight: bold;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li a i,
.recruit .recruit_nav_wrap .recruit_nav02 ul li a i,
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p i{
margin-left: 1em;
font-size: 1.4rem;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p,
.recruit .recruit_nav_wrap .recruit_nav02 ul li.recruit_cur p{
color: #f47813;
font-weight: bold;
}
@media screen and (min-width: 768px) {
.recruit .recruit_nav_wrap .recruit_top_btn:hover{
background: #feb369;
}
.recruit .recruit_nav_wrap .recruit_nav01{
padding: 35px 0;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul,
.recruit .recruit_nav_wrap .recruit_nav02 ul{
width: 100%;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li:not(:last-child),
.recruit .recruit_nav_wrap .recruit_nav02 ul li:not(:last-child){
margin-right: 2.8em;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li a,
.recruit .recruit_nav_wrap .recruit_nav02 ul li a,
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p,
.recruit .recruit_nav_wrap .recruit_nav02 ul li.recruit_cur p{
position: relative;
display: inline-block;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li a:hover,
.recruit .recruit_nav_wrap .recruit_nav02 ul li a:hover{
color: #f47813;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li a::after,
.recruit .recruit_nav_wrap .recruit_nav02 ul li a::after,
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p::after,
.recruit .recruit_nav_wrap .recruit_nav02 ul li.recruit_cur p::after{
position: absolute;
bottom: -5px;
left: 50%;
content: '';
width: 0;
height: 5px;
background-color: #ff9933;
transition: .3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li a:hover::after,
.recruit .recruit_nav_wrap .recruit_nav02 ul li a:hover::after,
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p::after,
.recruit .recruit_nav_wrap .recruit_nav02 ul li.recruit_cur p::after{
width: 100%;
}
}
@media screen and (min-width: 1201px) {
.recruit .recruit_nav_wrap{
position: relative;
}
.recruit .recruit_nav_wrap .recruit_top_btn{
position: absolute;
font-weight: bold;
max-width: 110px;
width: 20%;
height: 80px;
line-height: 80px;
left: calc(50% - 565px);
top: calc(50% - 20px);
}
.recruit .recruit_nav_wrap .recruit_nav01 ul,
.recruit .recruit_nav_wrap .recruit_nav02 ul{
width: 85%;
margin: 0 0 0 auto;
}
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.recruit .recruit_nav_wrap .recruit_nav01 ul li:not(:last-child),
.recruit .recruit_nav_wrap .recruit_nav02 ul li:not(:last-child) {
margin-right: 1em;
}
}
@media screen and (min-width: 1430px) {
.recruit .recruit_nav_wrap .recruit_nav01 ul, .recruit .recruit_nav_wrap .recruit_nav02 ul{
margin:0 0 0 calc(50% - 430px);
}
}
@media screen and (max-width: 1200px) {
.recruit .recruit_nav_wrap .recruit_top_btn{
padding: 15px 2.5%;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul{
justify-content: space-between;
}
.recruit .recruit_nav_wrap .recruit_nav02 ul{
justify-content: space-around;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li a,
.recruit .recruit_nav_wrap .recruit_nav02 ul li a,
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p,
.recruit .recruit_nav_wrap .recruit_nav02 ul li.recruit_cur p{
font-size: 1.4rem;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li a i,
.recruit .recruit_nav_wrap .recruit_nav02 ul li a i,
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p i,
.recruit .recruit_nav_wrap .recruit_nav02 ul li.recruit_cur p i{
margin-left: 0.5em;
font-size: 1.2rem;
}
}
@media screen and (max-width: 767px) {
.recruit .recruit_nav_wrap .recruit_nav01 ul{
flex-wrap: wrap;
padding: 0;
border: 1px solid #e1e1e1;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li{
width: 50%;
border: 1px solid #e1e1e1;
border-top: none;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li:nth-of-type(even),
.recruit .recruit_nav_wrap .recruit_nav01 ul li:nth-of-type(odd){
border-left: none;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li:nth-of-type(even){
border-right: none;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li:last-child{
border-bottom: none;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur{
background: #005c3f;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p{
color: #fff;
}
.recruit .recruit_nav_wrap .recruit_nav01 ul li a,
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p{
display: block;
padding: 13px 2.5%;
}
.recruit .recruit_nav_wrap .recruit_nav02,
.recruit .recruit_nav_wrap .recruit_nav02 ul{
padding: 0;
}  .recruit .recruit_nav_wrap .recruit_nav02 ul li{
background: #ebebeb;
width: 50%;
text-align: center;
}
.recruit .recruit_nav_wrap .recruit_nav02 ul li a,
.recruit .recruit_nav_wrap .recruit_nav02 ul li.recruit_cur p{
display: block;
font-size: 1.2rem;
padding: 15px 0;
}
.recruit .recruit_nav_wrap .recruit_nav02 ul li a .sp_none{
display: none;
}
.recruit .recruit_nav_wrap .recruit_nav02 ul li.recruit_cur{
background: #005c3f;
}
.recruit .recruit_nav_wrap .recruit_nav02 ul li.recruit_cur p{
color: #fff;
}
}
@media screen and (max-width: 480px) {
.recruit .recruit_nav_wrap {
margin-bottom: 55px;
}
}
@media screen and (max-width: 380px) {
.recruit .recruit_nav_wrap .recruit_nav01 ul li a,
.recruit .recruit_nav_wrap .recruit_nav01 ul li.recruit_cur p{
font-size: 1.2rem;
}
} .recruit .recruit_contact{
display:flex;
justify-content:space-between;
margin-bottom:50px;
}
.recruit .recruit_contact .btn_tel,
.recruit .recruit_contact .btn_form{
display:block;
width:48%;
text-align:center;
padding:40px 2.5%;
font-size:2.4rem;
font-weight:bold;
letter-spacing:0.05em;
}
.recruit .recruit_contact .btn_tel{
border:1px solid #ccc;
position:relative;
}
.recruit .recruit_contact .btn_tel::before{
position:absolute;
content:"採用直通ダイヤル";
top:-7px;
color:#333;
font-size:1.8rem;
background:#fff;
padding:0 20px;
left:calc(50% - 87px);
}
.recruit .recruit_contact .btn_form{
background:#F47813;
border: 3px solid #FACB9C;
color:#fff;
}
.recruit .recruit_contact .btn_tel i,
.recruit .recruit_contact .btn_form i{
font-size:2rem;
margin-right:0.3em;
}
@media screen and (min-width: 768px) {
.recruit .recruit_contact .btn_tel{
cursor: default;
pointer-events: none;
}
.recruit .recruit_contact .btn_form:hover{
background:#F4B90E;
}
}
@media screen and (max-width: 767px) {
.recruit .recruit_contact .btn_tel,
.recruit .recruit_contact .btn_form{
padding:25px 2.5%;
font-size:1.9rem;
}
.recruit .recruit_contact .btn_tel i,
.recruit .recruit_contact .btn_form i{
font-size:1.6rem;
}
.recruit .recruit_contact .btn_tel::before{
font-size:1.6rem;
}
}
@media screen and (max-width: 480px) {
.recruit .recruit_contact{
display:block
}
.recruit .recruit_contact .btn_tel,
.recruit .recruit_contact .btn_form{
width:100%;
font-size:2.1rem;
padding:30px 2.5%;
}
.recruit .recruit_contact .btn_tel{
margin-bottom:25px;
}
.recruit .recruit_contact .btn_tel i,
.recruit .recruit_contact .btn_form i{
font-size:1.8rem;
}
} .recruit .recruitment_nav .recruit_bnr{
border: 1px solid #cfcfcf;
display: block;
color: #333;
}
@media screen and (min-width: 768px) {
.recruit .recruitment_nav .recruit_bnr{
transition: border-color 0.15s ease-in-out;
}
.recruit .recruitment_nav .recruit_bnr:hover{
border-color: #f47813;
}
} .recruit .recruitment_nav .bnr_new-grad{
padding: 7px;
position: relative;
overflow: hidden;
margin: 0 auto 25px;
}
.recruit .recruitment_nav .bnr_new-grad::before {
font-family: 'Pacifico', cursive; content: "Message";
color: #e7e7e7;
position: absolute;
font-size: 8.4rem;
bottom: 10px;
}
.recruit .recruitment_nav .bnr_new-grad .img{
font-size: 0;
max-width: 529px;
width: 100%;
position: relative;
z-index: 1;
}
.recruit .recruitment_nav .bnr_new-grad .text{
display: flex;
justify-content:space-around;
align-items: center;
font-size: 2.4rem;
font-weight: bold;
line-height: 1.5;
letter-spacing: 0.05em;
position: relative;
z-index: 1;
}
.recruit .recruitment_nav .bnr_new-grad .text .large_txt{
font-size:3.6rem;
}
.recruit .recruitment_nav .bnr_new-grad .text i{
font-size: 3.8rem;
}
@media screen and (min-width: 768px) {
.recruit .recruitment_nav .bnr_new-grad{
display: flex;
justify-content: space-between;
align-items: center;
}
.recruit .recruitment_nav .bnr_new-grad .text{
width: 48%;
}
.recruit .recruitment_nav .bnr_new-grad .img{
width: 48%;
}
.recruit .recruitment_nav .bnr_new-grad .img img{
transition:0.15s ease-in-out;
}
.recruit .recruitment_nav .bnr_new-grad:hover .img img {
filter: sepia(40%);
}
}
@media all and (min-width: 768px) and (-ms-high-contrast:none) {
.recruit .recruitment_nav .bnr_new-grad:hover .img img {
opacity: 0.7;
}
}
@media screen and (max-width: 960px) {
.recruit .recruitment_nav .bnr_new-grad .text{
font-size: 2.1rem;
}
.recruit .recruitment_nav .bnr_new-grad .text .large_txt{
font-size: 3rem;
}
}
@media screen and (max-width: 767px) {
.recruit .recruitment_nav .bnr_new-grad::before{
top: calc(50% - 90px);
font-size: 14vw;
}
.recruit .recruitment_nav .bnr_new-grad .text{
padding: 35px 0;
}
.recruit .recruitment_nav .bnr_new-grad .img{
margin: 0 auto;
}
}
@media screen and (max-width: 480px) {
.recruit .recruitment_nav .bnr_new-grad{
margin:0 auto 15px;
}
.recruit .recruitment_nav .bnr_new-grad::before{
top: calc(50% - 50px);
font-size: 13vw;
}
.recruit .recruitment_nav .bnr_new-grad .text{
padding: 15px 0;
font-size: 1.8rem;
}
.recruit .recruitment_nav .bnr_new-grad .text .large_txt{
font-size: 2.5rem;
}
} .recruit .recruitment_nav .bnr_row{
display: flex;
justify-content: space-between;
}
.recruit .recruitment_nav .bnr_career,
.recruit .recruitment_nav .bnr_part{
width: 48%;
text-align: center;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.8;
letter-spacing: 0.05em;
padding: 35px 2.5%;
}
.recruit .recruitment_nav .bnr_career .large_txt,
.recruit .recruitment_nav .bnr_part .large_txt{
font-size: 2.4rem;
}
.recruit .recruitment_nav .bnr_career i,
.recruit .recruitment_nav .bnr_part i{
margin-left: 1em;
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 960px) {
.recruit .recruitment_nav .bnr_career,
.recruit .recruitment_nav .bnr_part{
padding: 25px 2.5%;
}
}
@media screen and (max-width: 480px) {
.recruit .recruitment_nav .bnr_career,
.recruit .recruitment_nav .bnr_part{
padding: 15px 2.5%;
font-size: 1.4rem;
}
.recruit .recruitment_nav .bnr_career .large_txt,
.recruit .recruitment_nav .bnr_part .large_txt{
font-size: 2.1rem;	
}
}
@media screen and (max-width: 380px) {
.recruit .recruitment_nav .bnr_career,
.recruit .recruitment_nav .bnr_part{
font-size: 1.1rem;
}
.recruit .recruitment_nav .bnr_career .large_txt,
.recruit .recruitment_nav .bnr_part .large_txt{
font-size: 1.8rem;	
}
} .recruit .recruit_nav_bottom{
margin-top: 120px;
}
.recruit .recruit_nav_bottom .recruit_top_btn{
background:#f4b90e;
display: block;
max-width: 320px;
width: 100%;
margin: 50px auto 0;
padding: 20px 0;
text-align: center;
color: #fff;
font-weight: bold;
letter-spacing: 0.05em;
}
.recruit .recruit_nav_bottom .recruit_top_btn i{
margin-left: 4em;
}
@media screen and (min-width: 768px) {
.recruit .recruit_nav_bottom .recruit_top_btn:hover{
background: #333;
}	
}
@media screen and (max-width: 480px) {
.recruit .recruit_nav_bottom {
margin-top: 80px;
}
}  .recruit .top .btn_more{
border: 2px solid #f07813;
background: #f07813;
display: block;
max-width: 225px;
width: 100%;
text-align: center;
color: #fff;
font-weight: bold;
padding: 10px 2.5%;
line-height:1.5;
}
.recruit .top .btn_more i{
margin-left: 2em;
}
@media screen and (min-width: 768px) {
.recruit .top .btn_more:hover{
background: #fff;
color: #f07813;
}	
} .recruit .top .mainimg{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/mainimg_top.jpg) no-repeat center top;
max-width: 1700px;
width: 100%;
margin: 0 auto 75px;
height: 710px;	
}
@media screen and (max-width: 1140px) {
.recruit .top .mainimg{
height: auto;
padding-top: 59%;
background-size: cover;
}
}
@media screen and (max-width: 480px) {
.recruit .top .mainimg{
margin: 0 auto 45px;
}
} .recruit .top .recruit_contact{
margin-bottom:25px;
}
@media screen and (max-width: 480px) {
.recruit .top .recruit_contact,
.recruit .top .recruit_contact .btn_tel{
margin-bottom:15px;
}
} .recruit .top .top_contents{
margin-top: 75px;
}
.recruit .top .top_contents .box{
letter-spacing: 0.05em;
}
.recruit .top .top_contents .box:not(:last-child){
margin-bottom: 95px;
}
.recruit .top .top_contents .box .head{
max-width: 570px;
width: 100%;
}
.recruit .top .top_contents .box .body{
line-height: 1.5;
}
.recruit .top .top_contents .box .box_ttl::after{
content: "";
max-width: 100px;
width: 100%;
height: 7px;
background: #f07813;
display: block;
margin: 25px 0 45px;
}
.recruit .top .top_contents .box .box_ttl .en{
font-family: 'Pacifico', cursive;
font-size: 6rem;
letter-spacing: 0;
}
.recruit .top .top_contents .box .box_ttl .ja{
font-size: 1.8rem;
}
.recruit .top .top_contents .box .lead_txt{
font-size:2.1rem;
color: #333;
font-weight: bold;
}
.recruit .top .top_contents .box .normal_txt{
margin: 25px auto 50px;
}
.recruit .top .top_contents .box .btn_more{
margin: 0 0 0 auto;
}
@media screen and (min-width: 768px) {
.recruit .top .top_contents .box{
display: flex;
justify-content: space-between;
}
.recruit .top .top_contents .box02,
.recruit .top .top_contents .box04{
flex-direction: row-reverse;
}
.recruit .top .top_contents .box .head{
width: 50%;
}
.recruit .top .top_contents .box .body{
width: 46%;
}
.recruit .top .top_contents .box01 .body,
.recruit .top .top_contents .box03 .body{
padding-right: 25px;	
}
.recruit .top .top_contents .box02 .body,
.recruit .top .top_contents .box04 .body{
padding-left: 25px;	
}
.recruit .top .top_contents .box .box_ttl .ja{
margin: 0 0 0 15%;
}
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
.recruit .top .top_contents .box .head{
width: 40%;
}
.recruit .top .top_contents .box .body{
width: 56%;
}
.recruit .top .top_contents .box .lead_txt br{
display: none;
}
}
@media screen and (max-width: 767px) {
.recruit .top .top_contents .box:not(:last-child) {
margin-bottom: 65px;
}
.recruit .top .top_contents .box .box_ttl::after{
margin: 15px 0 35px;	
}
.recruit .top .top_contents .box .head{
margin: 0 auto;	
}
.recruit .top .top_contents .box .body{
padding: 0 2.5%;
margin-top: -50px;
}
.recruit .top .top_contents .box .normal_txt {
margin: 15px auto 25px;
}
}
@media screen and (max-width: 480px) {
.recruit .top .top_contents {
margin-top: 45px;
}
.recruit .top .top_contents .box .body{
padding: 0 4%;	
}
} .recruit .top .sns_bnr{
max-width: 850px;
width: 100%;
margin: 110px auto 0;
display: flex;
justify-content: space-between;
}
.recruit .top .sns_bnr a{
border: 1px solid #cfcfcf;
display: block;
color: #333;
width: 48%;
font-size: 2.4rem;
font-weight: bold;
padding: 25px 15px;
}
.recruit .top .sns_bnr a .icon{
max-width: 69px;
width: 100%;
}
.recruit .top .sns_bnr a .text{
line-height: 1.5;
}
.recruit .top .sns_bnr a.bnr_instagram .text{
text-align: center;
}
.recruit .top .sns_bnr a.bnr_instagram .text .text-img{
font-size: 0;
display: block;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.recruit .top .sns_bnr a{
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: center;
transition: border-color 0.15s ease-in-out;
}
.recruit .top .sns_bnr a:hover{
border-color: #f47813;	
}
.recruit .top .sns_bnr a .icon{
width:  20%;
font-size: 0;
}
.recruit .top .sns_bnr a .text{
width: 76%;
}
}
@media screen and (max-width: 960px) {
.recruit .top .sns_bnr a{
font-size: 2.1rem;
}
}
@media screen and (max-width: 767px) {
.recruit .top .sns_bnr{
margin: 70px auto 0;
}
.recruit .top .sns_bnr a{
font-size: 1.8rem;
}
.recruit .top .sns_bnr a .icon{
margin: 0 auto 25px;
}
.recruit .top .sns_bnr a .text{
text-align: center;
}
.recruit .top .sns_bnr a.bnr_instagram .text .text-img{
display: none;
}
}
@media screen and (max-width: 480px) {
.recruit .top .sns_bnr a{
padding: 15px 2.5%;
}
.recruit .top .sns_bnr a .icon{
max-width: 50px;
margin: 0 auto 15px;
}
} .recruit .top .pickup_blog{
margin-top: 90px;
}
.recruit .top .pickup_blog_ttl{
text-align: center;
line-height: 2;
}
.recruit .top .pickup_blog_ttl::after{
content: "";
max-width: 100px;
width: 100%;
height: 7px;
background: #f07813;
display: block;
margin: 10px auto 25px;
}
.recruit .top .pickup_blog_ttl .en{
font-size: 6rem;
font-family: 'Pacifico', cursive;
}
.recruit .top .pickup_blog_ttl .ja{
font-size: 1.8rem;
letter-spacing: 0.05em;
}
.recruit .top .pickup_blog .lead_txt{
text-align: center;
line-height: 1.5;
}
.recruit .top .pickup_blog .btn_more{
margin: 0 auto;
} .recruit .top .pickup_blog .article_list{
margin-top: 60px;
}
.recruit .top .pickup_blog .article_list .article{
border: 1px solid #eaeaea;
width: 100%;
margin-bottom: 60px;
position: relative;
}
.recruit .top .pickup_blog .article_list .article a{
display: block;
}
.recruit .top .pickup_blog .article_list .article .new{
position: absolute;
top: -9px;
left: 0;
z-index: 1;
}
.recruit .top .pickup_blog .article_list .article .img{
padding-top: 66.66%;
background: #fffaf5;
}
.recruit .top .pickup_blog .article_list .article .img img{
transition: 0.15s ease-in-out;	
}
.recruit .top .pickup_blog .article_list .article .body{
padding: 20px;
line-height: 1.5;
}
.recruit .top .pickup_blog .article_list .article .article_ttl{
font-size: 1.8rem;
}
.recruit .top .pickup_blog .article_list .article .article_data{
color:#464646;
margin-top: 15px;
}
.recruit .top .pickup_blog .article_list .article .article_data i{
margin-right: 0.3em;
}
.recruit .top .pickup_blog .article_list .article .body ul{
display: flex;
justify-content: flex-end;
margin-top: 15px;
}
@media screen and (min-width: 768px) {
.recruit .top .pickup_blog .article_list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.recruit .top .pickup_blog .article_list::after{
content:"";
display: block;
width: 32%;
}
.recruit .top .pickup_blog .article_list .article{
transition: border-color 0.15s ease-in-out;
width: 32%;
}
.recruit .top .pickup_blog .article_list .article:hover{
border-color: #f47813;	
}
.recruit .top .pickup_blog .article_list .article .article_data{
text-align: right;
}
.recruit .top .pickup_blog .article_list .article:hover .img img {
filter: sepia(40%);
}
}
@media all and (min-width: 768px) and (-ms-high-contrast:none) {
.recruit .top .pickup_blog .article_list .article:hover .img img {
opacity: 0.7;
}
}
@media screen and (max-width: 960px) {
.recruit .top .pickup_blog .article_list .article .body{
padding: 20px 4%;
}
.recruit .top .pickup_blog .article_list .article .article_data{
font-size: 1.4rem;
}
}
@media screen and (max-width: 480px) {
.recruit .top .pickup_blog {
margin-top: 40px;
}
.recruit .top .pickup_blog .article_list .article{
margin-bottom: 25px;
}
.recruit .top .pickup_blog .article_list .article .new{
width: 39px;
top: -5px;
}
.recruit .top .pickup_blog .article_list .article .article_ttl{
font-size: 1.6rem;
}
.recruit .top .pickup_blog .article_list .article .article_data{
font-size: 1.2rem;
margin-top: 5px;
}
.recruit .top .pickup_blog .article_list .article .body ul{
margin-top: 5px;
}
}
.recruit .top .pickup_blog .article_list .article .cat{
display: inline-block;
padding: 7px 15px;
box-shadow: 1px 1px rgba(0,0,0,0.13);
line-height: 1;
}
.recruit .top .pickup_blog .article_list .article .cat{
background: #f1f1f1;
}
@media all and (-ms-high-contrast:none) {
.recruit .top .pickup_blog .article_list .article .cat{
padding: 9px 15px 5px;	
}
}
@media screen and (max-width: 480px) {
.recruit .top .pickup_blog .article_list .article .cat{
font-size: 1.4rem;
}
} .recruit .president .greeting{
letter-spacing: 0.05em;
line-height: 1.8;
}
.recruit .president .greeting .greeting_box:not(:last-child){
margin-bottom: 88px;
}
.recruit .president .greeting .greeting_box .box_ttl{
font-size: 2.4rem;
font-weight: bold;
color: #333;
}
.recruit .president .greeting .greeting_box .text .body{
margin-top: 40px;
}
.recruit .president .greeting .greeting_box .text .body p:not(:last-child){
margin-bottom: 30px; 
}
.recruit .president .greeting .greeting_box.gb1{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/bg_president01.png) no-repeat;
background-position: calc(50% - 145px) bottom;
}
.recruit .president .greeting .greeting_box.gb1 .text{
margin-top: 50px;
}
.recruit .president .greeting .greeting_box.gb1 .img .president_name br{
display: none;
}
.recruit .president .greeting .greeting_box.gb1 .img .president_name .name_img{
display: block;
}
.recruit .president .greeting .greeting_box.gb1 .img{
max-width: 380px;
width: 100%;
}
.recruit .president .greeting .greeting_box.gb2 .img,
.recruit .president .greeting .greeting_box.gb3 .img{
max-width: 440px;
width: 100%;
}
.recruit .president .greeting .greeting_box.gb2{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/bg_president02.png) no-repeat;
background-position: calc(50% - 230px) bottom;
}
.recruit .president .greeting .greeting_box.gb3{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/bg_president03.png) no-repeat;
background-position: calc(50% - 40px) top;
}
@media screen and (min-width: 768px) {
.recruit .president .greeting .greeting_box{
display: flex;
justify-content: space-between;
}
.recruit .president .greeting .greeting_box.gb1 .img{
width: 30%;
}
.recruit .president .greeting .greeting_box.gb1 .text{
width: 65%;
padding-bottom: 35px;
}
.recruit .president .greeting .greeting_box.gb2 .text,
.recruit .president .greeting .greeting_box.gb3 .text{
margin-top: 50px;
}
.recruit .president .greeting .greeting_box.gb2 .img,
.recruit .president .greeting .greeting_box.gb3 .img{
width: 40%;
}
.recruit .president .greeting .greeting_box.gb2 .text,
.recruit .president .greeting .greeting_box.gb3 .text{
width: 55%;
}
.recruit .president .greeting .greeting_box.gb2 .text{
padding-bottom: 35px;		
}
.recruit .president .greeting .greeting_box.gb3{
flex-direction :row-reverse;
}
}
@media screen and (max-width: 960px) {
.recruit .president .greeting .greeting_box.gb1 .img .president_name{
font-size: 1.4rem;	
}
.recruit .president .greeting .greeting_box.gb1 .img .president_name br{
display: block;
}
}
@media screen and (max-width: 767px) {
.recruit .president .greeting{
padding: 0;	
}
.recruit .president .greeting .greeting_box{
padding: 0 2.5%;	
}
.recruit .president .greeting .greeting_box:not(:last-child) {
margin-bottom: 60px;
}
.recruit .president .greeting .greeting_box .text .body {
margin-top: 30px;
}
.recruit .president .greeting .greeting_box.gb1{
background-position: calc(50% - 55px) calc(50% + 120px);
}
.recruit .president .greeting .greeting_box.gb1 .img{
margin: 0 auto;
text-align: center;
}
.recruit .president .greeting .greeting_box.gb1 .img .president_img{
max-width: 300px;
width: 100%;
margin: 0 auto;
}
.recruit .president .greeting .greeting_box.gb1 .img .president_name br{
display: none;
}
.recruit .president .greeting .greeting_box.gb2 .img,
.recruit .president .greeting .greeting_box.gb3 .img{
margin: 25px auto 0;	
}
.recruit .president .greeting .greeting_box.gb2{
background-position: calc(50% - 50px) top;
}
}
@media screen and (max-width: 480px) {
.recruit .president .greeting .greeting_box{
padding: 0 4%;	
}
.recruit .president .greeting .greeting_box.gb1 .text {
margin-top: 30px;
}
.recruit .president .greeting .greeting_box .box_ttl{
font-size: 2.1rem;
}
.recruit .president .greeting .greeting_box.gb1{
background-position: calc(50% - 55px) calc(50% - 120px);
}
.recruit .president .greeting .greeting_box.gb1 .img .president_img{
max-width: 150px;
}
} .recruit .president .crayon{
background: #fffdf6;
padding: 80px 0;
text-align: center;
letter-spacing: 0.05em;
margin-top: 80px;
}
.recruit .president .crayon .crayon_ttl{
font-family: "Hannari";
color: #005c3f;
font-size: 3.6rem;
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/line_crayon01.png) no-repeat bottom center;
padding: 0 0 14px;
position: relative;
max-width: 438px;
width: 100%;
margin: 0 auto 50px;
}
.recruit .president .crayon .crayon_ttl .icon_crayon{
position: absolute;
right: -50px;
bottom: 0;
}
.recruit .president .crayon .lead_txt{
font-size: 2.1rem;
font-weight: bold;
margin-bottom: 40px;
color: #333;
line-height: 1.8;
}
.recruit .president .crayon .normal_txt{
line-height: 1.8;
margin-bottom: 30px;
}
.recruit .president .crayon .youtube{
max-width: 810px;
width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
padding-top: 56.25%;
}
.recruit .president .crayon .youtube iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.recruit .president .crayon .crayon_btn{
display: block;
border: 4px solid #ff9933;
font-weight: bold;
color: #ff9933;
text-align: center;
max-width: 330px;
width: 100%;
margin: 40px auto 0;
padding: 20px 2.5%;
}
.recruit .president .crayon .crayon_btn i{
margin-left: 1em;
}
@media screen and (min-width: 768px) {
.recruit .president .crayon .crayon_btn:hover{
background: #ff9933;
color: #fff;
}
}
@media screen and (min-width: 961px) {
.recruit .president .crayon .youtube{
padding-top: 0;
min-height: 460px;
}
}
@media screen and (max-width: 960px) {
.recruit .president .crayon .lead_txt{
font-size: 1.8rem;
}
}
@media screen and (max-width: 767px) {
.recruit .president .crayon .crayon_ttl{
font-size: 2.8rem;
}
.recruit .president .crayon .crayon_ttl .icon_crayon {
right: 0;
bottom: 10px;
}
.recruit .president .crayon .lead_txt,
.recruit .president .crayon .normal_txt{
text-align: left;
}
}
@media screen and (max-width: 480px) {
.recruit .president .crayon{
margin-top: 60px;
padding: 60px 0;
}
.recruit .president .crayon .crayon_ttl{
background-size: contain;
text-align: left;
margin: 0 auto 30px;
}
.recruit .president .crayon .lead_txt{
margin-bottom: 30px;
}
} .recruit .president .entrie_link{
margin-top: 80px;
text-align: center;
}
@media screen and (min-width: 768px) {
.recruit .president .entrie_link a:hover{
opacity: 0.5;
}
}
@media screen and (max-width: 480px) {
.recruit .president .entrie_link{
margin-top: 60px;
}
} .recruit .work .lead{
background: #fffdf6;
padding: 55px 0;
text-align: center;
margin-bottom: 60px;
}
.recruit .work .lead .large_txt{
font-weight: bold;
font-size: 2.1rem;
line-height: 2;
letter-spacing: 0.05em;
margin: 0 auto 25px;
color: #333;
}
.recruit .work .lead .large_txt .wave{
font-size: 2.6rem;
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/line_wave.png) bottom repeat-x;
padding-bottom: 10px;
}
.recruit .work .lead .normal_txt{
line-height: 2;
} .recruit .work .flow .lead_txt{
font-size: 2.4rem;
font-weight: bold;
letter-spacing: 0.05em;
text-align: center;
color: #333;
margin-bottom: 90px;
}
.recruit .work .flow .flow_box .number{
color: #fff;
background: #f39800;
font-size: 2.4rem;
border-radius: 5px;
width: 34px;
height: 34px;
text-align: center;
line-height: 34px;
}
.recruit .work .flow .flow_box .flow_ttl{
font-size: 2.4rem;
font-weight: bold;
letter-spacing: 0.05em;
margin:  25px 0;
line-height: 1.5;
}
.recruit .work .flow .flow_box .text .body{
line-height: 1.8;	
}
.recruit .work .flow .flow_box .img{
max-width: 434px;
width: 100%;
}
.recruit .work .flow .flow_box.box1{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/bg_work01.png) no-repeat;
background-position: calc(50% + 100px) calc(50% - 25px);
}
.recruit .work .flow .flow_box.box2{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/bg_work02.png) no-repeat;
background-position: left 220px bottom;
}
.recruit .work .flow .flow_box.box3{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/bg_work03.png) no-repeat;
background-position: left 90px center;
}
.recruit .work .flow .flow_box.box4{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/bg_work04.png) no-repeat;
background-position: right 40px top 40px;
}
.recruit .work .flow .flow_box.box5{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/bg_work05.png) no-repeat;
background-position: right 230px bottom;
}
.recruit .work .flow .flow_box.box6{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/bg_work06.png) no-repeat;
background-position: calc(50% - 200px) center;
}
@media screen and (min-width: 961px) {
.recruit .work .flow .flow_wrap{
position: relative;
}
.recruit .work .flow .flow_wrap .flow_line,
.recruit .work .flow .flow_wrap .flow_illust{
position: absolute;
}
.recruit .work .flow .flow_wrap #fl01{
top: 12%;
left: 16%
}
.recruit .work .flow .flow_wrap #fl02{
top: 29.6%;
right: 23%
}
.recruit .work .flow .flow_wrap #fl03{
top: 47%;
right: 23%
}
.recruit .work .flow .flow_wrap #fl04{
top: 63.5%;
left: 24%
}
.recruit .work .flow .flow_wrap #fl05{
top: 81%;
left: 32%
}
.recruit .work .flow .flow_wrap #fi01{
top:7%;
right: 2.5%;
}
.recruit .work .flow .flow_wrap #fi02{
bottom:36%;
left: 2.5%;
}
.recruit .work .flow .flow_box.box1{
margin-bottom: 50px;
}
.recruit .work .flow .flow_box.box2{
margin-bottom: 20px;
}
.recruit .work .flow .flow_box.box3{
margin-bottom: 75px;
}
.recruit .work .flow .flow_box.box4{
margin-bottom: -55px;
}
.recruit .work .flow .flow_box.box5{
margin-bottom: 55px;
}
.recruit .work .flow .flow_box.box1 .box_inner,
.recruit .work .flow .flow_box.box4 .box_inner,
.recruit .work .flow .flow_box.box5 .box_inner{
flex-direction: row-reverse;
}
.recruit .work .flow .flow_box.box1 .box_inner{
max-width: 750px;
width: 70%;
}
.recruit .work .flow .flow_box.box1 .text{
width: 35%;
}
.recruit .work .flow .flow_box.box1 .img{
width: 60%;
}
.recruit .work .flow .flow_box.box2{
min-height: 365px;
}
.recruit .work .flow .flow_box.box2 .box_inner{
max-width: 760px;
width: 70%;
margin: 0 auto 0 25px;
}
.recruit .work .flow .flow_box.box2 .text{
width: 35%;
}
.recruit .work .flow .flow_box.box2 .img{
width: 60%;
}
.recruit .work .flow .flow_box.box3 .box_inner{
max-width: 900px;
width: 80%;
margin:0 0 0 auto;
}
.recruit .work .flow .flow_box.box3 .text{
width: 47%;
}
.recruit .work .flow .flow_box.box3 .img{
width: 47%;
}
.recruit .work .flow .flow_box.box4 .box_inner{
max-width: 760px;
width: 70%;
margin:0 25px 0 auto;
}
.recruit .work .flow .flow_box.box4 .text{
width: 35%;
}
.recruit .work .flow .flow_box.box4 .img{
width: 60%;
}
.recruit .work .flow .flow_box.box5 .box_inner{
max-width: 840px;
width: 80%;
margin:0 auto 0 0;
}
.recruit .work .flow .flow_box.box5 .text{
width: 47%;
}
.recruit .work .flow .flow_box.box5 .img{
width: 47%;
}
.recruit .work .flow .flow_box.box6 .box_inner{
max-width: 1000px;
width: 100%;
}
.recruit .work .flow .flow_box.box6 .text{
width: 60%;
}
.recruit .work .flow .flow_box.box6 .img{
width: 35%;
}
}
@media screen and (min-width: 768px) {
.recruit .work .flow .flow_box .box_inner{
display: flex;
justify-content: space-between;
}
}
@media screen and (min-width: 768px) and (max-width: 960px) {
.recruit .work .flow .flow_box .text{
width:60%;
}
.recruit .work .flow .flow_box .img{
width:35%;
}
}
@media screen and (max-width: 1200px) {
.recruit .work .lead .normal_txt .sp_none{
display: none;
}
.recruit .work .flow .flow_wrap .flow_line{
display: none;
}
.recruit .work .flow .flow_box .box_inner{
padding: 0 2.5%;
}
}
@media screen and (max-width: 960px) {
.recruit .work .flow .flow_wrap .flow_illust{
display: none;
}
.recruit .work .flow .flow_box:not(:last-child){
margin-bottom: 50px;
}
.recruit .work .flow .flow_box .img{
margin: 25px auto 0;
}
}
@media screen and (max-width: 767px) {
.recruit .work .lead .large_txt .wave{
font-size: 2.3rem;
}
.recruit .work .lead .large_txt{
font-size: 1.8rem;
}
.recruit .work .lead .normal_txt{
text-align: left;
}
.recruit .work .lead .normal_txt p:not(:last-child){
margin-bottom: 20px;
}
}
@media screen and (max-width: 480px) {
.recruit .work .lead .normal_txt{
line-height: 1.8;
} .recruit .work .flow .lead_txt{
padding: 0 2.5%;
font-size: 2.1rem;
line-height: 1.5;
margin-bottom: 60px;
}
.recruit .work .flow .flow_box .box_inner{
padding: 0 4%;
}
.recruit .work .flow .flow_box .flow_ttl{
font-size: 2.1rem;
margin: 15px 0;
}
} .work_newgraduate {
padding: 55px 0;
text-align: center;
margin-bottom: 60px;
}
.work_newgraduate_txt18 {
font-weight: 500;
font-size: 1.8rem;
letter-spacing: 0.05em;
color: #333;
margin-bottom: 60px;
}
.work_newgraduate_txt28 {
font-weight: 500;
font-size: 2.8rem;
line-height: 2;
letter-spacing: 0.05em;
margin: 0 auto 40px;
color: #333;
}
.work_newgraduate_wave {
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/line_wave.png) bottom repeat-x;
padding-bottom: 10px;
}
.work_newgraduate_flex {
display: flex;
justify-content: space-around;
}
.work_newgraduate_item {
flex-basis: 45%;
border: solid 1px #cfcfcf;
padding: 80px 3%;
}
.work_newgraduate_item_txt01 {
font-weight: bold;
font-size: 2.4rem;
letter-spacing: 0.05em;
line-height: 2;
margin: 0 auto 40px;
color: #333;
}
.work_newgraduate_item_orange {
color: #ff9933;
background: linear-gradient(transparent 50%, #fcf3e8 50%);
}
.work_newgraduate_item_blue {
color: #00aaea;
background: linear-gradient(transparent 50%, #e5f3fa 50%);
}
.work_newgraduate_item_txt02 {
font-weight: 500;
font-size: 1.6rem;
line-height: 2;
letter-spacing: 0.05em;
margin: 0 auto 70px;
color: #333;
}
.work_newgraduate_item_btn {
font-weight: bold;
font-size: 2.1rem;
letter-spacing: 0.05em;
}
.work_newgraduate_item_btn a{
color: #fff;
background: #ff9933;
width: 100%;
max-width: 362px;
margin: 0 auto;
padding: 20px 0;
display: block;
}
.work_newgraduate_item_btn a:hover{
opacity: 0.7;
}
.work_newgraduate_btns {
margin-right: 1rem;
}
.work_newgraduate_item_bnr {
margin-top: -30px;
}
.work_newgraduate_item_bnr a:hover{
opacity: 0.7;
}
.work_newgraduate_bottom_bg {
background: #fffdf6;
margin: 80px 0 0 0;
padding: 60px 0;
}
.work_newgraduate_bottom_txt01 {
font-weight: 500;
font-size: 1.6rem;
letter-spacing: 0.05em;
line-height: 1.6;
margin: 0 auto 60px;
color: #333;
}
.work_newgraduate_bottom_txt02 {
font-weight: bold;
font-size: 1.6rem;
letter-spacing: 0.05em;
line-height: 1.6;
margin: 0 auto 20px;
color: #333;
}
.work_newgraduate_bottom_txt03 {
font-weight: 500;
font-size: 1.6rem;
letter-spacing: 0.05em;
line-height: 1.6;
color: #333;
}
.work_newgraduate_bottom_txt01 .br,.work_newgraduate_bottom_txt02 .br {
display: inline-block;
}
@media screen and (max-width:767px) {
.work_newgraduate {
padding: 0;
}
.work_newgraduate_flex {
display: inline-block;
}
.work_newgraduate_item {
margin: 20px auto;
padding: 40px 3%;
}
.work_newgraduate_item_txt01 {
font-size: 1.8rem;
}
.work_newgraduate_txt18 {
margin-bottom: 30px;
}
.work_newgraduate_txt28 {
font-size: 1.6rem;
margin: 0 auto 20px;
}
.work_newgraduate_bottom_bg {
margin: 0;
padding: 40px 3%;
}
} .benefits .benefits_box .icon{
margin: 0 auto 20px;
width:90px;
height: 90px;
font-size: 0;
position: relative;
z-index: 1;
}
.benefits .benefits_box .benefits_ttl{
font-size: 2.4rem;
font-weight: bold;
text-align: center;
margin-bottom: 50px;
position: relative;
z-index: 1;
}
.benefits .benefits_box:not(:last-child){
margin-bottom: 110px;
}
.benefits .benefits_box .benefits_list.bg_blue .item{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/bg_st_blue.png);
}
.benefits .benefits_box .benefits_list.bg_orange .item{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/bg_st_orange.png);
}
.benefits .benefits_box .benefits_list .img{
font-size: 0;
}
.benefits .benefits_box .benefits_list .item{
padding: 30px 25px;
letter-spacing: 0.05em;
}
.benefits .benefits_box .benefits_list .item .item_ttl{
font-weight: bold;
line-height: 1.5;
}
.benefits .benefits_box .benefits_list .item .item_ttl i{
color: #ff9933;
}
.benefits .benefits_box .benefits_list .item p{
line-height: 1.8;
margin-top: 25px;
}
.benefits .benefits_box .benefits_list .list_block:not(:last-child){
margin-bottom: 50px;
}
.benefits .benefits_box .benefits_list .row_2,
.benefits .benefits_box .benefits_list .row_2_p1,
.benefits .benefits_box .benefits_list .row_3{
display: flex;
justify-content: space-between;
}
.benefits .benefits_box .benefits_list .row_3{
flex-wrap: wrap;
}
.benefits .benefits_box .benefits_list .row_2 .item,
.benefits .benefits_box .benefits_list .row_2 .img{
width: 48%;
min-height: 180px;
}
.benefits .benefits_box.box5 .benefits_list .row_2 .item{
min-height: inherit;
}
.benefits .benefits_box .benefits_list .row_3 .item,
.benefits .benefits_box .benefits_list .row_3 .img{
width: 30.5%;
}
.benefits .benefits_box .benefits_list .row_3 .img{
padding: 0;
}
@media screen and (min-width:768px) {
.benefits .benefits_box .benefits_list .row_2 .item,
.benefits .benefits_box .benefits_list .row_2 .img{
width: 48%;
min-height: 180px;
}
.benefits .benefits_box .benefits_list .row_3 .item,
.benefits .benefits_box .benefits_list .row_3 .img{
min-height:180px;
}
.benefits .benefits_box .benefits_list .row_3 .item{
margin-top: 50px;
}
.benefits .benefits_box .benefits_list .row_3::after{
content:"";
display: block;
width: 30.5%;
}
.benefits .benefits_box .benefits_list .row_3 .item:nth-of-type(1),
.benefits .benefits_box .benefits_list .row_3 .item:nth-of-type(2),
.benefits .benefits_box .benefits_list .row_3 .item:nth-of-type(3){
margin-top: 0;
}
.benefits .benefits_box .benefits_list .row_2_p1 .item{
width: 55%;
min-height: 195px;
}
.benefits .benefits_box .benefits_list .row_2_p1 .img{
width: 41%;
}
.benefits .benefits_box.box2 .benefits_list .row_3::after,
.benefits .benefits_box.box4 .benefits_list .row_3::after{
display: none;
}
.benefits .benefits_box.box2 .benefits_list .row_3 .item:nth-of-type(3),
.benefits .benefits_box.box4 .benefits_list .row_3 .item:nth-of-type(3){
order:1;
}
.benefits .benefits_box.box2 .benefits_list .row_3 .item:nth-of-type(1),
.benefits .benefits_box.box4 .benefits_list .row_3 .item:nth-of-type(1){
order:2;
}
.benefits .benefits_box.box2 .benefits_list .row_3 .item:nth-of-type(2),
.benefits .benefits_box.box4 .benefits_list .row_3 .item:nth-of-type(2){
order:3;
}
}
@media screen and (max-width:767px) {
.benefits .benefits_box .icon{
width: 80px;
height: 80px;
}
.benefits .benefits_box .benefits_ttl{
font-size: 2.1rem;	
}
.benefits .benefits_box .benefits_list .list_block:not(:last-child){
margin-bottom: 30px;
}
.benefits .benefits_box .benefits_list .item{
padding: 25px 2.5%;
}
.benefits .benefits_box .benefits_list .row_2.row_img .item,
.benefits .benefits_box .benefits_list .row_2.row_img .img{
width: 100%;
}
.benefits .benefits_box .benefits_list .row_2.row_img,
.benefits .benefits_box .benefits_list .row_2_p1.row_img{
display: block;
}
.benefits .benefits_box .benefits_list .row_2.row_img .img,
.benefits .benefits_box .benefits_list .row_2_p1.row_img .img{
margin-top: 30px;
}
.benefits .benefits_box .benefits_list .row_3 .item,
.benefits .benefits_box .benefits_list .row_3 .img{
width: 48%;
}
.benefits .benefits_box .benefits_list .row_3 .item{
margin-top: 30px;
}
.benefits .benefits_box .benefits_list .row_3 .item:nth-of-type(1),
.benefits .benefits_box .benefits_list .row_3 .item:nth-of-type(2){
margin-top: 0;
}
.benefits .benefits_box.box2 .benefits_list .row_3 .img,
.benefits .benefits_box.box4 .benefits_list .row_3 .img,
.benefits .benefits_box.box7 .benefits_list .row_3 .img{
width: 100%;
}
}
@media screen and (max-width:480px) {
.benefits .benefits_box:not(:last-child){
margin-bottom: 80px;
}
.benefits .benefits_box .icon{
width: 60px;
height: 60px;
margin: 0 auto 10px;
}
.benefits .benefits_box .benefits_ttl{
font-size: 1.8rem;	
}
.benefits .benefits_box .benefits_list .list_block:not(:last-child){
margin-bottom: 15px;
}
.benefits .benefits_box .benefits_list .row_2.row_img .img,
.benefits .benefits_box .benefits_list .row_2_p1.row_img .img{
margin-top: 15px;
}
.benefits .benefits_box .benefits_list .row_3 .item{
margin-top: 15px;
}
.benefits .benefits_box .benefits_list .item .item_ttl{
font-size: 1.4rem;
min-height: 2.8em;
}
.benefits .benefits_box.box5 .benefits_list .row_2 .item .item_ttl,
.benefits .benefits_box.box6 .benefits_list .row_1 .item .item_ttl{
min-height: inherit;
}
.benefits .benefits_box .benefits_list .item p{
font-size: 1.4rem;
margin-top: 10px;
}
} .benefits .benefits_box.box1 .benefits_list .row_2 .img.img_training{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/img_benefits01.jpg) no-repeat top center;
background-size: cover;
}
.benefits .benefits_box.box2 .benefits_list .row_3 .img.img_award{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/img_benefits06.jpg) no-repeat top center;
background-size: cover;
}
.benefits .benefits_box.box3 .benefits_list .row_3 .img.img_parenting{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/img_benefits02.jpg) no-repeat top center;
background-size: cover;
}
.benefits .benefits_box.box4 .benefits_list .row_3 .img.img_carework{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/img_benefits03.jpg) no-repeat top right;
background-size: cover;
}
.benefits .benefits_box.box7 .benefits_list .row_3 .img.img_support{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/img_benefits05.jpg) no-repeat top center;
background-size: cover;
}
.benefits .benefits_box.box9 .benefits_list .row_2_p1 .img.img_other{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/img_benefits04.jpg) no-repeat top center;
background-size: cover;
}
@media screen and (min-width:768px) {
.benefits .benefits_box.box1 .benefits_list .row_2 .img.img_training,
.benefits .benefits_box.box9 .benefits_list .row_2_p1 .img.img_other{
min-height: 220px;
}
}
@media screen and (max-width:767px) {
.benefits .benefits_box.box1 .benefits_list .row_2 .img.img_training,
.benefits .benefits_box.box9 .benefits_list .row_2_p1 .img.img_other,
.benefits .benefits_box.box4 .benefits_list .row_3 .img.img_carework,
.benefits .benefits_box.box7 .benefits_list .row_3 .img.img_support,
.benefits .benefits_box.box2 .benefits_list .row_3 .img.img_award{
padding-top: 42.25%;
}
.benefits .benefits_box.box2 .benefits_list .row_3 .img.img_award{
background-position: bottom center;
}
}
@media screen and (max-width:480px) {
.benefits .benefits_box.box3 .benefits_list .row_3 .img.img_parenting{
background-position:top right 20%;
}
} .benefits .benefits_box .benefits_list{
position: relative;
z-index: 0;
}
.benefits .benefits_box .benefits_list::before{
position: absolute;
font-family: 'Pacifico', cursive;
font-size: 10.1rem;
color: #f1f1f1;
z-index: -1;
} .benefits .benefits_box.box1 .benefits_list::before{
content: "Training";
right: 25px;
top: -120px;
} .benefits .benefits_box.box2 .benefits_list::before{
content: "Award";
left: 25px;
top: -90px;
} .benefits .benefits_box.box3 .benefits_list::before{
content: "Parenting";
right: 25px;
top: -120px;
} .benefits .benefits_box.box4 .benefits_list::before{
content: "Care work";
left: 25px;
top: -90px;
} .benefits .benefits_box.box5 .benefits_list::before{
content: "Vacation";
right: 25px;
top: -90px;
} .benefits .benefits_box.box6 .benefits_list::before{
content: "Treatment";
left: 25px;
top: -90px;
} .benefits .benefits_box.box7 .benefits_list::before{
content: "Support";
right: 25px;
top: -110px;
} .benefits .benefits_box.box8 .benefits_list::before{
content: "Health";
left: 25px;
top: -90px;
} .benefits .benefits_box.box9 .benefits_list::before{
content: "Other";
right: 25px;
top: -90px;
}
@media screen and (max-width:767px) {
.benefits .benefits_box .benefits_list::before{
font-size: 8rem;
} .benefits .benefits_box.box1 .benefits_list::before{
right: 2.5%;
top: -90px;
} .benefits .benefits_box.box2 .benefits_list::before{
left: 2.5%;
top: -80px;
} .benefits .benefits_box.box3 .benefits_list::before{
right: 2.5%;
top: -90px;
} .benefits .benefits_box.box4 .benefits_list::before{
left: 2.5%;
top: -80px;
} .benefits .benefits_box.box5 .benefits_list::before{
right: 2.5%;
top: -80px;
} .benefits .benefits_box.box6 .benefits_list::before{
left: 2.5%;
top: -80px;
} .benefits .benefits_box.box7 .benefits_list::before{
right: 2.5%;
top: -80px;
} .benefits .benefits_box.box8 .benefits_list::before{
left: 2.5%;
top: -80px;
} .benefits .benefits_box.box9 .benefits_list::before{
right: 2.5%;
top: -80px;
}
}
@media screen and (max-width:480px) {
.benefits .benefits_box .benefits_list::before{
font-size: 6rem;
} .benefits .benefits_box.box1 .benefits_list::before{
right: 4%;
top: -70px;
} .benefits .benefits_box.box2 .benefits_list::before{
left: 4%;
top: -60px;
} .benefits .benefits_box.box3 .benefits_list::before{
right: 4%;
top: -70px;
} .benefits .benefits_box.box4 .benefits_list::before{
left: 4%;
top: -60px;
} .benefits .benefits_box.box5 .benefits_list::before{
right: 4%;
top: -60px;
} .benefits .benefits_box.box6 .benefits_list::before{
left: 4%;
top: -60px;
} .benefits .benefits_box.box7 .benefits_list::before{
right: 4%;
top: -60px;
} .benefits .benefits_box.box8 .benefits_list::before{
left: 4%;
top: -60px;
} .benefits .benefits_box.box9 .benefits_list::before{
right: 4%;
top: -60px;
}
}  .recruit .newgraduate .mainimg{
max-width: 1090px;
width: 100%;
margin: 0 auto;
font-size: 0;
}
@media screen and (max-width:767px){
.recruit .newgraduate .mainimg .sp_none{
display: none;
}
.recruit .newgraduate .mainimg .pc_none{
display: block;
}
}
.recruit .newgraduate .top_mynavi-bnr{
text-align:center;
margin-top:40px;
font-size:0;
}
@media screen and (max-width:767px){
.recruit .newgraduate .top_mynavi-bnr{
margin-top:20px;
}
} .recruit .newgraduate .lead_block{
margin-top: 40px;
}
.recruit .newgraduate .lead_block .lead_txt_wrap{
background: linear-gradient(-75deg, #feffde , #ffebc6 60% );
padding: 50px 0 234px;
}
.recruit .newgraduate .lead_block .lead_txt{
text-align: center;
font-size: 2.1rem;
line-height: 2;
}
.recruit .newgraduate .lead_block .lead_img{
max-width: 1090px;
width: 100%;
margin: -190px auto 0;
}
@media screen and (min-width:768px) and (max-width:1140px){
.recruit .newgraduate .lead_block .lead_txt_wrap{
padding: 50px 0 100px;	
}
.recruit .newgraduate .lead_block .lead_img{
margin: -50px auto 0;		
}
}
@media screen and (max-width:767px){
.recruit .newgraduate .lead_block{
margin-top: 20px;
}
.recruit .newgraduate .lead_block .lead_txt{
text-align: left;
}
.recruit .newgraduate .lead_block .lead_txt br{
display: none;
}
.recruit .newgraduate .lead_block .lead_img .sp_none{
display: none;
}
.recruit .newgraduate .lead_block .lead_img .pc_none{
display: block;
}
}
@media screen and (max-width:480px){
.recruit .newgraduate .lead_block .lead_txt{
font-size: 1.8rem;
}
} .recruit .newgraduate .message{
margin-top: 110px;
}
.recruit .newgraduate .message .message_ttl{
font-size: 2.4rem;
text-align: center;
line-height: 1.5;
max-width: 520px;
width: 100%;
margin: 0 auto 60px;
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/balloon_left.png) no-repeat left bottom,
url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/balloon_right.png) no-repeat right bottom;
padding: 0 35px;
color: #333;
}
.recruit .newgraduate .message .message_ttl .large_txt{
font-size: 3.6rem;
font-weight: bold;
letter-spacing:0.1em;
} .recruit .newgraduate .message .message_list{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/bg_newgrad.png) no-repeat;
background-position: calc(50% + 50px) calc(50% - 70px);
}
.recruit .newgraduate .message .message_list .box .text{
padding: 50px 25px 80px;
line-height: 1.5;
}
.recruit .newgraduate .message .message_list .box .box_ttl{
font-size: 2.4rem;
font-weight: bold;
color: #333;
margin-bottom: 30px;
}
.recruit .newgraduate .message .message_list .box .box_ttl .line_wave{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/line_wave.png) repeat-x left bottom;
padding-bottom: 10px;
}
.recruit .newgraduate .message .message_list .box .text .normal_txt{
line-height: 1.8;
}
.recruit .newgraduate .message .message_list .box .text .normal_txt p:not(:last-child){
margin-bottom: 30px;
}
.recruit .newgraduate .message .message_list .box .img{
max-width: 770px;
width: 100%;
}
.recruit .newgraduate .message .message_list .box .img .staff_name_pc{
font-size:2.1rem;
position:absolute;
font-weight:bold;
color:#fff;
line-height:1.5;
padding:5px 1.5%;
letter-spacing:0.1em;
}
.recruit .newgraduate .message .message_list .box .img .staff_name_pc .staff_name{
font-size:2.4rem;
}
.recruit .newgraduate .message .message_list .box01{
margin-bottom: 110px;
}
.recruit .newgraduate .message .message_list .box01 .text{
background: rgba(241,250,255,0.95);
}
.recruit .newgraduate .message .message_list .box01 .img{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/img_newgrad02.jpg) no-repeat left top;
}
.recruit .newgraduate .message .message_list .box01 .img .staff_name_pc{
background:rgba(63,194,255,0.8);
}
.recruit .newgraduate .message .message_list .box02 .text{
background: rgba(255,249,226,0.95);
}
.recruit .newgraduate .message .message_list .box02 .img{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/img_newgrad03.jpg) no-repeat right top;
}
.recruit .newgraduate .message .message_list .box02 .img .staff_name_pc{
background:rgba(255,153,51,0.8);
}
@media all and (-ms-high-contrast:none) {
.recruit .newgraduate .message .message_list .box .img .staff_name_pc{
padding:10px 1.5% 2px;
}
}
@media screen and (min-width:768px) {
.recruit .newgraduate .message .message_list .box{
position: relative;
padding-top: 50px;
}
.recruit .newgraduate .message .message_list .box .text{
position: absolute;
top: 0;
max-width: 620px;
width: 60%;
}
.recruit .newgraduate .message .message_list .box .img{
height: 680px;
}
.recruit .newgraduate .message .message_list .box01 .text{
right: 0;
}
.recruit .newgraduate .message .message_list .box02 .img{
margin: 0 0 0 auto;
}
.recruit .newgraduate .message .message_list .box .text .staff_name_wrap{
display:none;
}
.recruit .newgraduate .message .message_list .box .text .normal_txt{
margin-top:40px;
}
.recruit .newgraduate .message .message_list .box01 .img .staff_name_pc{
bottom:25px;
left:25px;
}
.recruit .newgraduate .message .message_list .box02 .img .staff_name_pc{
bottom:25px;
right:25px;
}
}
@media screen and (min-width:768px) and (max-width:1140px){
.recruit .newgraduate .message .message_list .box .img{
max-width: 500px;
}
.recruit .newgraduate .message .message_list .box01 .text{
right: 2.5%;
}
.recruit .newgraduate .message .message_list .box02 .text{
left: 2.5%;
}
.recruit .newgraduate .message .message_list .box01 .img{
background-position: left -50px top;
}
.recruit .newgraduate .message .message_list .box02 .img{
background-position: right -50px top;
}
}
@media screen and (max-width:767px) {
.recruit .newgraduate .message .message_ttl{
background-position: left 2.5% bottom, right 2.5% bottom;
padding: 0 40px;
font-size: 2.1rem;
}
.recruit .newgraduate .message .message_ttl .large_txt{
font-size: 3rem;
}
.recruit .newgraduate .message .message_list .box .text{
padding: 50px 2.5% 80px;
}
.recruit .newgraduate .message .message_list .box .img{
padding-top: 60%;
background-size: cover;
position:relative;
}
.recruit .newgraduate .message .message_list .box01 .img{
background-position:  left top -50px;
}
.recruit .newgraduate .message .message_list .box01 .img .staff_name_pc{
top:15px;
right:2.5%;
}
.recruit .newgraduate .message .message_list .box02 .img .staff_name_pc{
top:15px;
left:2.5%;
}
}
@media screen and (max-width:480px) {
.recruit .newgraduate .message {
margin-top: 80px;
}
.recruit .newgraduate .message .message_ttl{
font-size: 1.8rem;
margin-bottom: 15px;
}
.recruit .newgraduate .message .message_ttl .large_txt{
font-size: 2.8rem;
}
.recruit .newgraduate .message .message_list .box .text{
padding: 30px 4% 60px;
}
.recruit .newgraduate .message .message_list .box .box_ttl{
font-size: 1.8rem;
line-height: 2;
margin-bottom:20px;
}
.recruit .newgraduate .message .message_list .box .img .staff_name_pc{
font-size:1.8rem;
}
.recruit .newgraduate .message .message_list .box .img .staff_name_pc .staff_name{
font-size:2.1rem;
}
}
@media screen and (max-width:380px) {
.recruit .newgraduate .message .message_ttl{
padding-bottom: 10px;
}
.recruit .newgraduate .message .message_ttl .large_txt{
font-size: 2.4rem;
}
} .message_headline{
margin-top: 45px;
background:rgba(255,153,51,1);
}
.message_headline p{
color:#fff;
padding:45px 0;
text-align: center;
font-size: 24px;
font-weight: bold;
letter-spacing:0.2em;
line-height: 48px;
}
.headline_txt_large{
font-size: 36px;
font-weight: bold;
border-bottom:5px solid #fff100;
line-height: 72px;
}
.message_txt_head{
margin: 45px auto;
}
.message_txt_head p{
font-size: 18px;
line-height: 42px;
letter-spacing:0.05em;
text-align: center;
}
.message_txt02{ background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/bg_circle.png) no-repeat 300px 0;
display:flex;
padding-bottom: 150px;
}
.message_txt02_left{
flex-basis:380px;
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/bg_readtxt.png) no-repeat top center;
padding:5px;
}
@media all and (-ms-high-contrast:none){
.message_txt02_left{
flex-basis:368px;
}
}
.message_txt_left_line{
border:1px solid #fff;
}
.message_txt02_left p{
padding:68px 0;
font-size: 30px;
font-weight: bold;
color:#fff;
text-align: center;
line-height: 60px;
}
.message_txt02_left p span{
font-size: 38px;
border-bottom:5px solid #fff100;
line-height: 72px;
}
.message_txt02_right{
flex-basis:580px;
margin-left:45px;
}
.message_txt02_right p{
font-size: 16px;
letter-spacing:0.05em;
line-height: 36px
}
.txt_block02{
margin-top:20px;
}
.message_txt03{
margin-top: -110px;
}
.message_txt03 p{
font-size: 24px;
line-height: 48px;
font-weight: bold;
color:#333333;
text-align: center;
padding-bottom:20px;
}
.color_or{
color:#ff9933;
}
.message_img{
margin-top: -20px;
position:relative;
z-index: -1;
}
.cls-1{
fill:none;
stroke:#333;
stroke-miterlimit:10;
stroke-width:2px;
stroke-dasharray: 2000;
　　stroke-dashoffset: 0;
}
.sp_block{
display:none;
}
.hvr img{
transition:.5s all;
}
.hvr:hover img{
opacity:.7;
}
@media screen and (max-width: 767px) {
.sp_block{
display: block;
}
.sp_none{
display: none;
}
.message_headline p{
padding: 40px 2%;
font-size: 20px;
letter-spacing:0.1em;
line-height: 36px;
}
.headline_txt_large{
font-size: 30px;
line-height: 60px;
}
.message_txt_head p{
font-size: 18px;
text-align:left;
line-height: 36px;
width:96%;
margin:auto;
}
.message_txt02{
display:block;
padding-bottom: 0;
}
.message_txt02_left{
width:100%;
background-size:cover;
}
.message_txt02_left p{
padding:20px 0;
font-size: 20px;
line-height: 40px;
}
.message_txt02_left p span{
font-size: 30px;
line-height: 50px;
}
.message_txt02_right{
width:96%;
margin:40px auto;
}
.message_txt03{
margin-top: 0;
}
.message_txt03 p{
width:96%;
margin:auto;
font-size: 20px;
line-height: 40px;
text-align:left;
}
} .recruit .newgraduate .newgraduate_detail{
margin-top: 110px;
}
.recruit .newgraduate .newgraduate_detail .bg_wrap{
background: #fffdf6;
text-align: center;
padding: 45px 0;
margin-top: 25px;
}
.recruit .newgraduate .newgraduate_detail .detail_ttl{
font-size: 2.1rem;
font-weight: bold;
text-align: center;
color:#333;
letter-spacing: 0.05em;
}
.recruit .newgraduate .newgraduate_detail .detail_ttl::after{
content:url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/icon_window.png);
margin-left: 0.5em;
}
@media screen and (max-width:480px) {
.recruit .newgraduate .newgraduate_detail{
margin-top: 70px;
}
.recruit .newgraduate .newgraduate_detail .detail_ttl{
font-size: 1.8rem;
}
}
@media screen and (max-width:380px) {
.recruit .newgraduate .newgraduate_detail .detail_ttl{
font-size: 1.5rem;
}
} .recruit .career .mainimg{
text-align: center;
margin-bottom: 85px;
}
.recruit .career .lead_block .lead_txt01{
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/bg_dot.jpg) center center repeat-y #fcf5eb;
padding: 50px 0 66px;
text-align: center;
color: #333;
font-size: 2rem;
letter-spacing: 0.05em;
}
.recruit .career .lead_block .lead_txt01 .lead_ttl{
font-weight: bold;
font-size: 2rem;
}
.recruit .career .lead_block .lead_txt01 .catch{
font-weight: bold;
font-size: 5rem;
background: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/line_wave02.png) no-repeat left bottom;
padding: 40px 0 11px;
max-width: 415px;
width: 100%;
margin: 0 auto 50px;
position: relative;
}
.recruit .career .lead_block .lead_txt01 .catch::after{
content: url(//www.hometech.co.jp/wp2024/wp-content/themes/hometech/img/company/recruit/balloon_point.png);
position: absolute;
right: 0;
top: 0;
}
.recruit .career .lead_block .lead_txt02{
background: #ff9933;
color: #fff;
font-size: 2.4rem;
font-weight: bold;
padding: 60px 0 50px;
text-align: center;
}
.recruit .career .lead_block .lead_txt02 .dwn_arw{
background: #ff9933;
border: 2px solid #fff;
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 50%;
margin: -90px auto 0;
font-size: 3rem;
}
.recruit .career .lead_block .lead_txt02 .spirits_list{
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin: 80px auto 80px;
}
.recruit .career .lead_block .lead_txt02 .spirits_list li{
position: relative;
width: 140px;
height: 140px;
background: #fff;
transform: rotate(45deg);
text-align: center;
}
.recruit .career .lead_block .lead_txt02 .spirits_list li::after{
content: "";
display: block;
position: absolute;
width: 130px;
height: 130px;
border: 1px solid #ff9933;
text-align: center;
top: 4px;
left: 4px;
}
.recruit .career .lead_block .lead_txt02 .spirits_list li p{
position: absolute;
top: 50%;
left: 50%;
margin: 0;
font-size: 2rem;
line-height: 1.8;
font-weight: bold;
color: #333;
white-space: nowrap;
transform: translate(-50%,-50%) rotate(-45deg);
transition: 3s ease-in-out;
}
.recruit .career .lead_block .lead_txt03{
line-height: 2;
margin: 50px auto 0;
}
.recruit .career .lead_block .lead_txt03 .body{
padding-top: 50px;
}
.recruit .career .lead_block .lead_txt03 .head{
line-height: 1.5;
text-align: right;
}
.recruit .career .lead_block .lead_txt03 .president_name .name_img{
display: block;
}
@media screen and (min-width: 768px) {        
.recruit .career .lead_block .lead_txt03{
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.recruit .career .lead_block .lead_txt03 .head{
width: 48%;
}
.recruit .career .lead_block .lead_txt03 .body{
width: 50%;
}
}
@media screen and (max-width: 960px) {
.recruit .career .lead_block .lead_txt02{
font-size: 2.1rem;	
}
.recruit .career .lead_block .lead_txt02 .spirits_list li{
width: 100px;
height: 100px;
}
.recruit .career .lead_block .lead_txt02 .spirits_list li::after{
width: 90px;
height: 90px;
}
.recruit .career .lead_block .lead_txt02 .spirits_list li p{
font-size: 1.6rem;
}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.recruit .career .lead_block .lead_txt02 .spirits_list{
max-width: 480px;
width: 100%;
}
.recruit .career .lead_block .lead_txt02 .spirits_list li:first-child,
.recruit .career .lead_block .lead_txt02 .spirits_list li:nth-of-type(2){
margin-right: 50px;	
}
.recruit .career .lead_block .lead_txt02 .spirits_list li:nth-of-type(4),
.recruit .career .lead_block .lead_txt02 .spirits_list li:nth-of-type(5){
margin-top: 40px;	
}
}
@media screen and (max-width: 767px) {
.recruit .career .mainimg {
margin-bottom: 55px;
}
.recruit .career .lead_block .lead_txt01{
padding: 50px 2.5% 66px;
line-height: 1.5;
font-size: 1.8rem;
}
.recruit .career .lead_block .lead_txt02{
line-height: 1.5;
}
.recruit .career .lead_block .lead_txt03 br{
display: none;
}
}
@media screen and (max-width: 480px) {
.recruit .career .mainimg {
margin-bottom: 5px;
}
.recruit .career .lead_block .lead_txt01 .catch{
font-size: 3.5rem;
}
.recruit .career .lead_block .lead_txt02{
font-size: 1.8rem;
}
.recruit .career .lead_block .lead_txt02 .spirits_list{
max-width: 300px;
width: 100%;
position: relative;
margin: 50px auto 80px;
}
.recruit .career .lead_block .lead_txt02 .spirits_list li:first-child,
.recruit .career .lead_block .lead_txt02 .spirits_list li:nth-of-type(4){
margin-right: 20px;	
}
.recruit .career .lead_block .lead_txt02 .spirits_list li:nth-of-type(3){
position: absolute;
top: 80px;
}
.recruit .career .lead_block .lead_txt02 .spirits_list li:nth-of-type(4),
.recruit .career .lead_block .lead_txt02 .spirits_list li:nth-of-type(5){
margin-top: 60px;	
}
.recruit .career .lead_block .lead_txt03 .body{
padding-top: 30px;
}
} .recruit .recruitment .entry_shop{
letter-spacing: 0.05em;
margin-top: 50px;
}
.recruit .recruitment .entry_shop .entry_shop_ttl{
font-weight: bold;
font-size: 2rem;
color: #333;
border-bottom: 1px solid #333;
display:inline-block;
padding: 0 0 3px 0;
margin: 0 auto 50px;
line-height: 1.5;
}
.recruit .recruitment .occupation_block .occupation_ttl{
background: #ff9933;
color: #fff;
font-size: 2rem;
font-weight: bold;
padding: 15px 1em;
margin-bottom: 50px;
}
.recruit .recruitment .occupation_list .occupation_block:not(:last-child){
margin-bottom: 50px;
}
@media screen and (min-width: 768px) { 
.recruit .recruitment .entry_shop .entry_shop_ttl{
padding: 0 1em 3px 0;
}
}
@media screen and (max-width: 767px) {
.recruit .recruitment .occupation_block .occupation_ttl{
font-size: 1.8rem;
line-height: 1.5;
padding: 10px 2.5%;
margin-bottom: 30px;
}
}
.recruit .recruitment .entry_shop .shop_list{
display: flex;
flex-wrap: wrap;
}
.recruit .recruitment .entry_shop .shop_list li{
border: 1px solid #c9c9c9;
text-align: center;
position: relative;
margin-bottom: 20px;
}
.recruit .recruitment .entry_shop .shop_list li a,
.recruit .recruitment .entry_shop .shop_list li .grayout{
display: block;
padding: 15px 2.5%;
font-weight: bold;
}
.recruit .recruitment .entry_shop .shop_list li .grayout{
background: #898989;
}
@media screen and (min-width: 768px) {
.recruit .recruitment .entry_shop .shop_list li a:hover{
background:#ff9933; 
}
}
@media screen and (min-width: 1141px) {
.recruit .recruitment .entry_shop .shop_list{
justify-content: space-between;
}
.recruit .recruitment .entry_shop .shop_list li{
max-width: 190px;
width: 22%;
}
.recruit .recruitment .entry_shop .shop_list li:nth-of-type(n+6){
width: 15%;
}
.recruit .recruitment .entry_shop .shop_list li i{
position: absolute;
right: 2.5%;
}
}
@media screen and (max-width: 1140px) {
.recruit .recruitment .entry_shop .shop_list li{
display: inline-block;
margin-right: 1em;
}
.recruit .recruitment .entry_shop .shop_list li a,
.recruit .recruitment .entry_shop .shop_list li .grayout{
padding: 15px 0.5em;
}
.recruit .recruitment .entry_shop .shop_list li i{
margin-left: 0.5em;
}
}
@media screen and (max-width: 480px) {
.recruit .recruitment .entry_shop .shop_list{
justify-content: space-between;
}
.recruit .recruitment .entry_shop .shop_list li{
width: 48%;
margin-right: 0;
margin-bottom: 15px;
}
}
.cFlex,
.cFlex_icon{
display: flex;
}
.shop_info_box{
margin: 40px 0;
line-height: 1.8;
}
.shop_info_ttl{
font-weight: bold;
font-size: 2.2rem;
line-height: 1.5;
margin-bottom: 10px;
}
.shop_info_ttl:before{
content: '◆';
}
.btn_largemap{
text-align: right;
margin: 10px 0;
}
.shop_contents_box{
margin: 40px 0;
line-height: 1.8;
}
.shop_contents_ttl{
font-weight: bold;
font-size: 2.2rem;
line-height: 1.5;
margin: 40px 0 10px;
}
.shop_contents_ttl:before{
content: '◆';
}
.shop_contents{
width: 95%;
padding-left: 2%;
margin: 20px 0;
}
.shop_photo_left,
.shop_photo_right{
width: 50%;
}
.shop_contents_movie{
}
.shop_contents_movie iframe{
}
.shop_contents_photo{
width: 100%;
}
.shop_contents_comment{
padding: 10px 0;
margin-bottom: 10px;
}
.shop_contents_movie_comment{
padding-left: 10px;
margin: 10px 0;
}
.shop_contents_center{
max-width: 768px;
margin: 0 auto;
}
.shop_contents_center_half{
max-width: 384px;
margin: 0 auto;
}
.shop_contents_photo1{
width: 100%;
margin: 0 auto;
}
.shop_contents_comment1{
margin-bottom: 10px;
}
.shop_contents_photo2{
width: 100%;
margin: 0 auto;
}
.shop_contents_comment2{
margin-bottom: 10px;
}
.entry_after_box{
margin: 40px 0;
line-height: 1.8;
}
.entry_after_ttl{
font-weight: bold;
font-size: 2.2rem;
line-height: 1.5;
margin-bottom: 10px;
}
.entry_after_ttl:before{
content: '◆';
}
.entry_after_text{
width: 95%;
padding-left: 2%;
}
.company_profile_box{
margin: 40px 0;
line-height: 1.8;
}
.company_profile_ttl{
font-weight: bold;
font-size: 2.2rem;
line-height: 1.5;
margin-bottom: 10px;
}
.company_profile_ttl:before{
content: '◆';
}
.company_profile_txt{
margin: 0 auto;
width: 45%;
}
.company_profile_logo_box{
padding-left: 2%;
width: 370px;
margin: 0 auto;
}
.company_profile_logo_box img{
width:100%;
}
.company_profile_logo_hometech{
width: 150px;
padding: 20px;
}
.company_profile_logo_reformprice{
width: 100px;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.company_profile_logo_entrie{
width: 120px;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.company_profile_name{
}
.company_profile_address span{
}
.company_profile_address{
}
.company_profile_address span{
}
.company_profile_url{
}
.company_profile_url span{
}
.company_profile_name span,
.company_profile_address span,
.company_profile_url span{
width: 25%;
padding-left: 2%;
} .shop_contents_movie {
position: relative;
max-width: 100%;
padding-top: 56.25%;
}
.shop_contents_movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
.cFlex{
display: initial;
}
.shop_photo_left,
.shop_photo_right{
width: 95%;
}
.company_profile_txt{
margin: 0 auto;
width: 100%;
}
.company_profile_logo_box{
width: 100%;
}
.company_profile_name span,
.company_profile_address span,
.company_profile_url span{
width: 95%;
padding-left: 2%;
}
.company_profile_name p,
.company_profile_address p,
.company_profile_url p{
padding-left: 4%;
font-size: 14px;
}
} .recruit .guidelines .mainimg{
text-align: center;
margin-bottom: 50px;
}
.recruit .guidelines .occupation_ttl{
background: #ff9933;
color: #fff;
font-size: 2rem;
font-weight: bold;
padding: 13px 1em;
margin-bottom: 50px;
line-height: 1.5;
}
.recruit .guidelines .occupation_txt{
font-size: 1.8rem;
color:#535353;
font-weight: bold;
line-height: 1.5;
margin-bottom: 50px;
}
.recruit .guidelines .guide_ttl{
font-weight: bold;
font-size:2.2rem;
line-height: 1.5;
margin-bottom: 10px;
}
.recruit .guidelines .guide_ttl::before{
content: "◆";
font-size: 1.8rem;
}
.recruit .guidelines .entry_btn{
display: block;
background: #ff9933;
border: 2px solid #ff9933;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 2rem;
max-width: 500px;
width: 40%;
margin: 20px auto;
padding: 23px 2.5%;
}
.recruit .guidelines .entry_btn i{
margin-left:1em;
}
@media screen and (min-width: 768px) {
.recruit .guidelines .occupation_ttl .shop_name{
margin-right: 1em;
}
.recruit .guidelines .entry_btn:hover{
background: #fff;
color:#ff9933;
}
}
@media screen and (max-width: 767px) {
.recruit .guidelines .occupation_ttl{
font-size: 1.8rem;
line-height: 1.5;
padding: 10px 2.5%;
margin-bottom: 30px;
}
.recruit .guidelines .occupation_ttl .shop_name{
display: block;
}
.recruit .guidelines .entry_btn{
width: 100%;
}
} .recruit .guidelines .guid_list{
width: 100%;
border-top: 1px dashed #e5e5e5;
line-height: 1.8;
}
.recruit .guidelines .guid_list th,
.recruit .guidelines .guid_list td{
border-bottom: 1px dashed #e5e5e5;
}
.recruit .guidelines .guid_list th{
background: #fffaf5;
font-weight: bold;
color: #333;
}
@media screen and (min-width: 768px) {
.recruit .guidelines .guid_list th{
padding: 25px 2.5% 25px 60px;
max-width: 272px;
width: 25%;
text-align: left;
}
.recruit .guidelines .guid_list td{
padding: 25px 2.5%;
width: 75%
}
}
@media screen and (max-width: 767px) {
.recruit .guidelines .guid_list th,
.recruit .guidelines .guid_list td{
display: block;
}
.recruit .guidelines .guid_list th{
padding: 10px 2.5%;
}
.recruit .guidelines .guid_list td{
padding: 25px 2.5%;
}
}
.entry_btn_box{
display: flex;
margin: 20px 0;
}
@media screen and (max-width: 767px) {
.entry_btn_box{
display: initial;
}
}
.recruit .guidelines .entry_btn_tel{
background: #198016;
border: 2px solid #198016;
display: block;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 2rem;
max-width: 500px;
width: 40%;
margin: 20px auto;
padding: 23px 2.5%;
}
@media screen and (max-width: 767px) {
.recruit .guidelines .entry_btn_tel:hover{
background: #fff;
color: #198016;
}
.recruit .guidelines .entry_btn_tel{
width: 100%;
}
} .recruit-privacy .lead-block{
line-height:1.8;
margin-bottom:60px;
}
.recruit-privacy .privacy-list{
line-height:1.8;
}
.recruit-privacy .privacy-list .privacy-item:not(:last-child){
margin-bottom:40px;
}
.recruit-privacy .privacy-item-ttl{
font-weight:bold;
border-bottom: dashed 1px #eaeaea;
padding:0 5px 5px;
}
.recruit-privacy .privacy-item-text{
padding:15px 2.5% 0 2.2em;
}
.recruit-privacy .offer-dl{
margin:1em 0 0 1em;
}
.recruit-privacy .offer-dl dl:not(:last-child){
margin-bottom:1em;
}
.recruit-privacy .offer-dl dt{
font-weight:bold;
}
.recruit-privacy .offer-dl dd{
padding:0 0 0 1em;
}
.recruit-privacy-contact{
margin-top:60px;
line-height:1.8;
font-weight:bold;
font-size:1.4rem;
text-align:right;
}
@media screen and (min-width: 768px) {
.recruit-privacy-contact-tel a[href^="tel:"] {
pointer-events: none!important;
cursor: default!important;
}
}
@media screen and (max-width: 480px) {
.recruit-privacy .privacy-item-text {
padding: 15px 2.5% 0 2.5%;
}
.recruit-privacy .offer-dl {
margin: 1em 0 0 0;
}
}</pre></body></html>