:root {
--serif: 'Noto Serif JP', serif, "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
--sans: 'Noto Sans JP', sans-serif, "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.main{height: 425px;width: 100%;
    background-image: url(../img/recruit/main_bg.png);
    background-position: center bottom;
background-size: cover;position: relative;}


.main img{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);bottom:50px;
    }
.recruit .contents{width:100%;padding-bottom:30px;padding-top:0}


.recruit .contents a.letter{display:block;background-color:#d3ecfb;padding-top:-70px}


/*株式会社 徳 ってどんなところ??
*/
.donna{margin-bottom:0;background-color:#fffde5;padding:50px 0 0}
.donna h2{border-bottom:2px solid #a99280;padding:0 0 15px;font-size:2pc;width:min(100%,1080px);margin:30px auto 0;font-weight:900;color:#666;text-align: center}
.donna h2 br{display: none}
.donna .chara{display:block;position:relative;width:min(100%,800px);height:70px;margin:0 auto}
.donna .chara img{position:absolute;bottom:-2px;right:-25px}
.donna .list{width:min(100%,800px);margin:0 auto}
.donna .list ul{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;margin:0 auto}
.donna .list ul li{background-color:#f1e7de;border-radius:20px;width:246px;height:366px;position:relative;margin-bottom:20px;box-shadow:4px 4px 5px 0 rgba(0,0,0,.2)}
.donna .list ul li img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.donna .ichizen{text-align:center;padding:75pt 0}
.donna .aikotoba{width:min(100%,550px);position:relative;padding-bottom:260px;background-image:url(../img/recruit/minna.png);background-repeat:no-repeat;background-position:bottom center;margin:0 auto}
.donna .aikotoba h3{padding:10px;margin:0 auto 20px;width:100%;font-size:28px;font-weight:700;text-align:center;border-bottom:1px solid #333}
.donna .aikotoba ul li{font-size:20px;margin-bottom:10px}

/*
社員への手紙
*/
.letter_block{margin-bottom:0;background-color:#d3ecfb;padding:150px 0 75pt}
.letter_block_inner{width:min(100%,1080px);margin:0 auto;height:auto}
.letter_block_inner .print{text-align:center}
.letter_block_inner .print img{text-align:center;width:min(100%,441px)}
.letter_block_inner .title{text-align:center;padding:0 0 15px;font-size:36px;width:min(100%,1080px);margin:-60px auto 0;font-weight:900;color:#666}
.letter_block_inner .title br:nth-of-type(2){display: none}
.letter_block_inner .inner .text{width: 100%}
.letter_block_inner .inner{width:min(100%,870px);margin:20px auto 0;height:auto;display:flex;flex-wrap:wrap;justify-content:space-between}
.letter_block_inner .inner .text p{text-align:center;font-weight:700;font-size:20px;padding-top:50px}
.letter_block_inner .inner .text ul.btn{width:80%;display:flex;justify-content:space-between;padding-top:30px;margin:0 auto}
.letter_block_inner .inner .text ul.btn li{width:49%}
.letter_block_inner .inner .text ul.btn li a{border-radius:60px;display:block;background-color:#84a4b1;color:#fff;font-weight:600;text-decoration:none;padding:15px;font-size:20px;text-align:center}
.letter_block_inner .comment{text-align:center}
.letter_block_inner .comment img{width: 100%;}

/*
徳の人材育成
*/
.jinzai{margin-bottom:0;background-color:#fff9bd;padding:50px 0 75pt;display:block}
.jinzai h2{text-align:center;border-bottom:2px solid #a99280;padding:0 0 15px;margin:0;font-size:2pc;width:min(100%,1080px);margin:0 auto;font-weight:900;color:#666}
.jinzai h2 br{display: none}
.jinzai .about{text-align:center;padding:30px 0}
.jinzai .about p:first-of-type{font-size:21px;font-weight:700;color:#666;margin-bottom:10px}
.jinzai .about p:first-of-type br{display: none}
.jinzai .about p:nth-of-type(2){line-height:24px;padding-bottom:30px}
.jinzai .check ul{width:min(100%,960px);margin:0 auto}
.jinzai .check ul li{background-color:#fff;margin-bottom:5pc;position:relative;padding-bottom:40px;padding:40px 30px 30px}
.jinzai .check ul li .img{position:absolute;left:10px;top:-60px}
.jinzai .check ul li .text{margin-left:180px}
.jinzai .check ul li:nth-of-type(1) .text .name br{display: none}
.jinzai .check ul li .text .name{color:#22b573;font-size:18px;font-weight:700;border-bottom:2px solid #22b573;padding-bottom:25px}
.jinzai .check ul li .text .name span{margin-left:5px;font-size:26px;vertical-align:-10%}
.jinzai .check ul li:last-of-type .text{margin-left:0}
.jinzai .check ul li:last-of-type .name{margin-left:180px;margin-bottom:30px}
.jinzai .check ul li .check_image{position:absolute;right:10px;bottom:-140px;z-index:1}
.jinzai .jinzai_img{width:min(100%,710px);margin:0 auto 50px;display:flex;justify-content:space-between}
.jinzai .jinzai_img img{width:31%}
.jinzai .end_text{color:#91245b;text-align:center;font-size:22px;line-height:36px}


/*
各部門で活躍中のスタッフからヒトコト
*/
.recruit_hitokoto{margin-bottom:0;padding:75pt 0 150px;display:block}
.recruit_hitokoto h2{text-align:center;border-bottom:2px solid #a99280;padding:0 220px 15px 0;margin:0;font-size:2pc;margin:0 auto;font-weight:900;color:#666;width:calc(100% - 220px);max-width:860px}
.recruit_hitokoto h2 br{display: none}
.recruit_hitokoto .sub_title{position:relative;width:min(100%,1080px);margin:0 auto}
.recruit_hitokoto .sub_title p{position:absolute;font-size:14px;width:220px;top:-56px;right:130px}
.recruit_hitokoto .list{width:min(100%,960px);margin:0 auto}
.recruit_hitokoto .list ul{padding-top:50px}
.recruit_hitokoto .list ul li{display:flex;justify-content:space-between;margin-bottom:5pc}
.recruit_hitokoto .list ul li .img{width:15pc;text-align:center}
.recruit_hitokoto .list ul li .text{width:calc(100% - 250px);padding-top:20px}
.recruit_hitokoto .list ul li:nth-child(even) .img{order:2}
.recruit_hitokoto .list ul li:nth-child(even) .text{order:1}
.recruit_hitokoto .list ul li .text .word{font-size:28px;font-weight:600;margin-bottom:0;color:#036eb7}
.recruit_hitokoto .list ul li .text .name{font-family:var(--serif)}
.recruit_hitokoto .list ul li .text .name span:first-of-type{font-size:24px;margin-left:5px}
.recruit_hitokoto .list ul li .text .name span:nth-of-type(2){font-size:20px}
.recruit_hitokoto .list ul li .text .sentence{padding-top:10px}
.recruit_hitokoto .list ul li .text .sentence dl{display:flex;justify-content:space-between;flex-wrap:wrap}
.recruit_hitokoto .list ul li .text .sentence dl dt{width:1.2em;margin-bottom:15px}
.recruit_hitokoto .list ul li .text .sentence dl dd{width:calc(100% - 1.2em);margin-bottom:15px}

/*
徳の仕事一覧
*/
.recruit_block.schedule{width:min(100%,1080px);margin:0 auto;height:auto;position:relative}
.recruit_block.schedule h2{text-align:center;border-bottom:2px solid #a99280;padding:0 0 15px;font-size:2pc;width:min(100%,1080px);margin:30px auto 0;font-weight:900;color:#666}
.recruit_block.schedule p{text-align:center;padding:20px 10px 30px;font-size:18px}
.recruit_block.schedule .btn{width:min(100%,960px);margin:0 auto}
.recruit_block.schedule .btn ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.recruit_block.schedule .btn ul li{background-color:#f7f6f6;width:305px;text-align:center;margin-bottom:70px}
.recruit_block.schedule .btn ul li:nth-of-type(4){margin-left:165px}
.recruit_block.schedule .btn ul li:nth-of-type(5){margin-right:165px}
.recruit_block.schedule .btn ul li:hover{opacity:.6}
.recruit_block.schedule .btn ul li a{text-decoration:none;font-size:14px;font-weight:600;color:#333;padding:30px 0;display:block;z-index:1;position:relative}
.recruit_block.schedule .btn ul li a:after{position:absolute;display:block;content:"";width:50px;height:50px;background-image:url(../img/recruit/schedule_arrow.png);background-repeat:no-repeat;background-position:center center;right:20px;bottom:-30px}
.recruit_block.schedule .btn ul li a .text:first-line{font-size:20px;font-weight:700;margin-bottom:10px}



@media screen and (max-width: 479px){
    
.main{height: 300px;background-image:url(../img/recruit/main_bg_sp.png)}
    
.main img{ 
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 130px;
}
/*株式会社 徳 ってどんなところ??
*/
.donna{padding:0px 0 0;overflow: hidden;}
.donna h2{font-size:22px;text-align: left;padding-left: 20px;padding-top: 20px;} 
.donna h2 br{display: block}
.donna .chara{display:block;position:relative;width:min(100%,800px);height:30px;margin:0 auto}    
.donna .chara img{bottom:-2px;right:20px;width: 150px}    
.donna .list{width:calc(100% - 40px);margin:0 auto}    
.donna .list ul li{border-radius:15px;width:48%;height:260px;box-shadow:4px 4px 3px 0 rgba(0,0,0,.2)}
.donna .list ul li img{width: 220px}
.donna .list ul li:last-of-type{margin: 0 auto 0 auto}
.donna .ichizen{text-align:center;padding:50px 0 50px 0}
.donna .ichizen img{width: 250px;}    
.donna .aikotoba{width:calc(100% - 40px);position:relative;padding-bottom:180px;margin:0 auto;background-size: 280px}
.donna .aikotoba h3{padding:10px 0px 10px 0px ;margin:0 auto 20px;width:100%;font-size:20px;font-weight:700;text-align:center;border-bottom:1px solid #333}
.donna .aikotoba ul li{font-size:14px;margin-bottom:10px;text-indent: -1em;padding-left: 1em;}

    
/*
社員への手紙
*/
.letter_block{margin-bottom:0;background-color:#d3ecfb;padding:50px 0 50px 0 }
.letter_block_inner .title{text-align:center;padding:0 0 15px;font-size:26px;width:min(100%,1080px);margin:-80px auto 0;font-weight:900;color:#666}  
.letter_block_inner .title br:nth-of-type(2){display: block}
.letter_block_inner .img{text-align: center;width: 100%}    
.letter_block_inner .img img{width: 250px}
.letter_block_inner .inner .text p{text-align:left;font-weight:normal;font-size:14px;padding-top:20px;padding-left: 20px;padding-right: 20px}  
.letter_block_inner .inner .text p br:nth-of-type(1),
.letter_block_inner .inner .text p br:nth-of-type(2){display: none}  
.letter_block_inner .inner .text ul.btn{width:80%;display:block;justify-content:space-between;padding-top:30px;margin:0 auto}
.letter_block_inner .inner .text ul.btn li{width:100%;margin-bottom: 15px;}
.letter_block_inner .inner .text ul.btn li a{border-radius:60px;display:block;background-color:#84a4b1;color:#fff;font-weight:600;text-decoration:none;padding:15px;font-size:16px;text-align:center}
    
/*
徳の人材育成
*/
.jinzai{margin-bottom:0;background-color:#fff9bd;padding:50px 0px 30px 0px;display:block}    
.jinzai h2{font-size:22px} 
.jinzai h2 br{display: block}
.jinzai .about p:first-of-type br{display: block}
.jinzai .about p:nth-of-type(2) {text-align: left;padding: 0px 20px 0px 20px}
.jinzai .about p:nth-of-type(2) br:nth-of-type(1){display: none}
.jinzai .about p:nth-of-type(2) br:nth-of-type(3){display: none}
.jinzai .check ul li{background-color:#fff;margin-bottom:30px;position:relative;padding-bottom:40px;padding:20px 30px 30px}
.jinzai .check ul li .img{position:absolute;top:10px}
.jinzai .check ul li .img img{width: 90px}
.jinzai .check ul li .text{margin-left:0px}
.jinzai .check ul li .text .name{font-size:16px;padding-left: 70px;padding-bottom:10px;margin-bottom: 20px;}
.jinzai .check ul li:last-of-type .name{margin-left:0px;padding-top: 20px;padding-bottom: 20px;}
.jinzai .check ul li .check_image{position:absolute;right:10px;bottom:-100px;z-index:1}
.jinzai .check ul li .check_image img{width: 180px}
.jinzai .check ul li:nth-of-type(2){margin-bottom: 70px;}
.jinzai .jinzai_img{width:calc(100% - 40px);margin:0 auto 20px;display:flex;justify-content:space-between}
.jinzai .end_text{color:#91245b;text-align:left;font-size:16px;line-height:22px;padding-left: 20px;padding-right: 20px;}
.jinzai .end_text br{display: none}
    
    
    
/*
各部門で活躍中のスタッフからヒトコト
*/
.recruit_hitokoto{padding:50px 0 50px 0;}
.recruit_hitokoto h2{text-align:center;border-bottom:2px solid #a99280;padding:0 0 10px 0;margin:0;font-size:22px;margin:0 auto;font-weight:900;color:#666;width:100%;max-width:860px}
.recruit_hitokoto h2 br{display: block}
.recruit_hitokoto .sub_title p{position:static;font-size:14px;width:220px;margin: 10px auto 20px auto;}  
.recruit_hitokoto .list ul{padding-top:20px}
.recruit_hitokoto .list ul li{display:block;justify-content:space-between;margin-bottom:30px}
.recruit_hitokoto .list ul li:nth-child(even) .img{order:1}
.recruit_hitokoto .list ul li:nth-child(even) .text{order:2}
.recruit_hitokoto .list ul li .img{width:100%;text-align:center}
.recruit_hitokoto .list ul li .text{width:calc(100% - 40px);padding-top:20px;margin: 0 auto 0 auto}
.recruit_hitokoto .list ul li .text .word{font-size:20px;font-weight:600;margin-bottom:0;color:#036eb7;text-align: center}
.recruit_hitokoto .list ul li .text .name{font-family:var(--serif);text-align: center}
.recruit_hitokoto .list ul li .text .name span:first-of-type{font-size:20px;margin-left:5px}
.recruit_hitokoto .list ul li .text .name span:first-of-type::before{	content: "\A" ;	white-space: pre ;}  
.recruit_hitokoto .list ul li .text .name span:nth-of-type(2){font-size:14px}
.recruit_hitokoto .list ul li .text .sentence{padding-top:30px}
    
    
/*
徳の仕事一覧
*/
.recruit_block.schedule{width:min(100%,1080px);margin:0 auto;height:auto;position:relative}
.recruit_block.schedule h2{text-align:center;border-bottom:2px solid #a99280;padding:0 0 15px;font-size:22px;width:min(100%,1080px);margin:30px auto 0;font-weight:900;color:#666}
.recruit_block.schedule p{text-align:left;padding:20px 20px 30px 20px;font-size:15px}
.recruit_block.schedule .btn ul li{background-color:#f7f6f6;width:330px;text-align:center;margin-bottom:30px;margin-left: auto;margin-right: auto}
.recruit_block.schedule .btn ul li:nth-of-type(4){margin-left: auto;margin-right: auto}
.recruit_block.schedule .btn ul li:nth-of-type(5){margin-left: auto;margin-right: auto}  
.recruit_block.schedule .btn ul li a{width: 100%;display: flex;justify-content: space-between;}
.recruit_block.schedule .btn ul li a .img{width: 70px;margin-left: 15px;} 
.recruit_block.schedule .btn ul li a .img img{width: 70px;}     
.recruit_block.schedule .btn ul li a .text{margin-right: 50px;margin-left: 5px;font-size: 14px;font-weight: 500;padding-top: 10px;}
.recruit_block.schedule .btn ul li a .text:first-line{font-size:16px;font-weight:700;margin-bottom:25px}
.recruit_block.schedule .btn ul li a::after{width:30px;height:30px;right:10px;bottom:auto;background-size: 29px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.recruit_block.schedule .btn ul li:last-of-type{margin-bottom: 0px}
    
    
    
    
    
    
    
    
    
    
    
    
}