@charset "UTF-8";
/* CSS Document */
#recruit{
    background-color:#FFF8F1;
    letter-spacing: 0.2rem;
    line-height: 1.4em;
}
hr{
    margin: 30px;
    border-color: rgba(215, 187, 149, 0.95);
}
.none{
    display: none;
}
.header-box,.footer_box{
    background-color:rgba(215, 187, 149, 0);
}
.margin_30{
    margin:30px;
}
.under-line{
    text-decoration: underline;
    text-decoration-thickness:1px;
}
.font-weight_bold{
    /*font-weight: bold;*/
}
.font-size__bigger{
    font-size: 1.2em;
}
.font-size__smaller{
    font-size: 0.8em;
}
.p_center{
    text-align: center;
}
#recruit {
    margin-top: 4vw;
    width: 100vw;
    max-width:770px;
}
/*////////////////////recruit_top////////////////////////*/
.recruit_top{
    margin: 0 auto;
    padding: 30px;
}
h2{
    text-align: center;
    writing-mode: inherit;
    color:#330308;
    letter-spacing: 0.5rem;
}
.recruit_top_lead{
    text-align: center;
    font-size:  clamp(1.4rem, 3vw, 1.6rem);
    margin-bottom: 10px;
    line-height: 2.4em;
}
@media(min-width:380px) {
    .top-lead_br{
        display: none;
    }
}
@media (min-width:768px) {
#recruit {
    max-width:1040px;
    }
.recruit_top{
    padding: 70px;
}
h2{
    font-size: clamp(2rem, 5vw, 54px);
    display: block;
    margin: 0 auto ;
}
.recruit_top_lead{
    text-align: center;
    font-size:  clamp(1.6rem, 2vw, 2rem);
    margin-bottom: 0;
}    
}
/*////////////////////recruit_top////////////////////////*/
/*////////////////////recruit_second////////////////////////*/
.recruit_2nd_section_lead{
    font-size:  clamp(2rem, 5.5vw, 3rem);
    margin: 30px;
    text-align: center;
    line-height: 1.4em;
}
.recruit_2nd_section_lead_small{
    font-size: clamp(1.6rem, 4vw, 2.8rem);
}
h3{
    color: #330308;
}
@media (min-width:768px){
.recruit_2nd_section {
    display: flex;
    padding:0 30px;
}
.recruit_2nd_section .kishino_exterior img{
    width: 46vw;
    max-width: 490px;
    height: 35.1vw;
    max-height: 367.5px;
    object-fit: cover;
    object-position: 100% 0%;
}
.box_intro{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin: 30px 0 30px 30px;
    }
    .recruit_2nd_section_lead {
        margin: 0 0 30px 0;
    }
.recruit_2nd_section_lead_small{
    font-size: clamp(2rem, 2.4vw, 2.4rem);
}
.recruit_2nd_section_lead{
    font-size:clamp(2rem, 2.8vw, 3rem);
}
.recruit_2nd_section hr{
    margin: 10px;
}
.recruit_2nd_section h3{
    text-align: center;
}
.recruit_2nd_section .box_left{
    padding: 20px;
}
.recruit_2nd_section_description{
    font-size:clamp(1.4rem,1.85vw, 1.8rem);
    line-height: normal;
}}
/*////////////////////募集内容////////////////////////*/
.recruitment_details {
    margin: 30px auto;
    display: flex;
	flex-wrap: wrap;
	align-items: stretch;	
	width: 100%;
	border: 1px solid #ccc;
	border-bottom: none;
}
.recruitment_details dt{
    font-size: 1.2em;
    background: #f5f5f5;
	padding: 10px;
	width: 100%;
	border-right: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.recruitment_details dd{
    background-color:#FFF8F1;
	padding: 15px 10px;
	width: 100% ;
	border-bottom: 1px solid #ccc;
}
.none{
    display: none;
}
@media(min-width:444px){
    .fee{
        display: none;
    }
}
@media (min-width:768px){
    .recruitment_details dt{
        width: 150px;
        padding: 15px 10px;
		border-right: 1px solid #ccc;
    }
    .recruitment_details dd{
        width: calc(100% - 150px - 41px)
    }
}

/*////////////////////募集内容////////////////////////*/
/*////////////////////応募の流れ////////////////////////*/
.flowchart{
    padding-bottom: 70px;
    background-image: url("../images/tree_and_sky.jpg");
    background-color: rgba(255,255,255,0.65);
    background-blend-mode: overlay;
}
.flowchart h2{
    padding: 30px;
}
.number{
    font-size: 2.5em;
    font-family: "Times New Roman", Times, "serif";
    text-align: center;
    padding-bottom: 25px;
    line-height: 1em;
}
.flowchart-box li{
    list-style:none; 
    padding: 27px;
    margin: 30px auto;
    max-width: 250px;
    background-color: #FFF8F1;
}
@media (min-width:768px){
.flowchart-box{
    display: flex;
    justify-content: center;
}
    .flowchart-box li{
    width:160px; 
    margin: 0 30px 30px 30px;
    }
}
/*////////////////////応募の流れ////////////////////////*/
/*////////////////////お問い合わせinquiry////////////////////////*/
.inquiry {
    text-align: center;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 30px 0;
    border-color: rgba(215, 187, 149, 0.95);
}
.inquiry h2{
    margin-bottom: 20px;
}
.inquiry ul{
    margin-bottom: 30px ;
    list-style: none;
}
.inquiry li{
    margin-bottom: 10px;
}
.privacy-policy{
    color: inherit;
}
/*////////////////////お問い合わせinquiry////////////////////////*/
/*////////////////////会社情報company////////////////////////*/
.company-img_box{
    max-height: 350px;
}
.company img{
    width: 100%;
    height: 70vw;
    max-height: 350px;
    object-fit: cover;
    object-position: center;
    vertical-align: top;
}
.company_container{
    margin: 30px 0;
    padding: 10px 10px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: rgba(215, 187, 149, 0.95);
}
.catchphrase{
    font-size: 8px;
    text-align: center;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
}
.company_info {
    margin: 30px auto;
    display: flex;
	flex-wrap: wrap;
	align-items: stretch;	
	width: 100%;
    max-width: 400px;
    font-size: 0.9em;
}
.company_info dt{
	padding: 5px;
	width: 88px;
}
.company_info dd{
	padding: 5px 0px 5px 10px;
	width: calc(100% - 110px);
}
@media (min-width:768px){
    .company {
        display: flex;
        justify-content: center;
    }
    .company-img_box {
        width:30vw;
        max-width: 330px;
        max-height: 500px;
    }
    .company-img_box img{
        max-height: 500px;
    }
    .company_container{
        width:400px;
        margin: 0;
        padding: 10px 10px;
        border-top: none;
        border-bottom: none;
        border-color: rgba(215, 187, 149, 0.95);
        background-color:rgba(255,255,255,1.00);
}
    .company_info {
        width:100%;
        margin:30px auto 0 20px;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }
}
/*////////////////////会社情報company////////////////////////*/
/*////////////////////footer////////////////////////

/*ここから下はフェードインについてのCSS*/
.fadeIn {
    animation-name: fadeInAnime;
    animation-duration: 8s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes fadeInAnime {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/*      ここまでがフェードイン       */