@charset "utf-8";
/** |READ ME| **********************************************************************************************************

"夢追人募集CSS"

Cascading Style Sheet Setting File

Ver.201802

------------------------------------------------------------------------------------------------------------------------

00.Diversity

********************************************************************************************************** |READ ME| **/

/** |00. Diversity | << ********************************************************************************* >> START **/

#MainImage.yumeoi{background:url(/recruit/renew/img/yumeoi/bg_yum_main.gif) no-repeat top center;background-size:100% auto;min-width:1180px;height:770px;}
#MainImage.yumeoi .title{padding:100px 0 0 0;text-align:center;}
#MainImage.yumeoi .catch{padding:20px 0 0 0;text-align:center;font-weight:bold;font-size:15px;}
#MainImage.yumeoi .image{padding:30px 0 0 0;text-align:center;}
#ContentMain {overflow: visible;}
#ContentMain .about-box{position:relative;margin:0 auto;width:1000px;border:3px #000 solid;}
#ContentMain .about-title-wrap{position:absolute;top:-40px;left:0;width:100%;text-align: center;}
#ContentMain .about-title{white-space: nowrap;position: relative;display:inline-block;padding:20px 70px 0;height:52px;background:url(/recruit/renew/img/yumeoi/bg_rib.gif)0 0 repeat-x;color:#fff;font-weight: bold;font-size:22px;}
#ContentMain .ribbon-l{position: absolute;top:0;left:0;}
#ContentMain .ribbon-r{position: absolute;top:0;right:0;}
#ContentMain .about-staff{position: absolute;top:0;right:0;display: block;padding:30px 30px 0;}
#ContentMain .about-txt{padding:80px 90px;font-size:18px;font-weight: bold;line-height:2;}
#ContentMain .job-list{padding:100px 0;}
#ContentMain .job-item{padding:0 0 50px 0;}
#ContentMain .job-item:last-child{padding:0;}
#ContentMain .interview{min-width:1180px;background:url(/recruit/renew/img/yumeoi/bg_int.gif)repeat-x #ddf2f8;padding:0 0 150px;}
#ContentMain .interview-title{padding:100px 0 0 0;text-align:center;font-size:18px;font-weight: bold;}
#ContentMain .interview-title img{display:block;margin:0 auto 15px;}
#ContentMain .interview-txt{padding:50px 0;text-align:center;font-size:18px;font-weight: bold;}
#ContentMain .interview-box{border:3px #000 solid;background:#fff;}
#ContentMain .interview-intro:after{content:" ";display: block;height: 0;font-size:0;clear: both;visibility:hidden;}
#ContentMain .interview-intro .img{float:left;width:550px;padding:40px 40px 80px;display: block;}
#ContentMain .interview-intro-txt{float:right;width:calc(100% - 630px);display:block;}
#ContentMain .interview-intro-txt .catch{padding:140px 0 0;font-size:32px;line-height:55px;font-weight: bold;}
#ContentMain .interview-intro-txt .catch span{background:#ffff00;padding:5px;}
#ContentMain .interview-intro-txt .name{padding:20px 0 0;font-size:16px;}
#ContentMain .interview-item{padding:0 80px 80px;}
#ContentMain .interview-item:after{content:" ";display: block;height: 0;font-size:0;clear: both;visibility:hidden;}
#ContentMain .interview-item .img{display:block;float:left;margin:0 40px 0 0;}
#ContentMain .interview-item .txt{line-height:1.8;}
#ContentMain .interview-item .title{font-size:20px;padding:0 0 15px;font-weight: bold;}
#ContentMain .interview-item-flip{padding:0 80px 80px;}
#ContentMain .interview-item-flip:after{content:" ";display: block;height: 0;font-size:0;clear: both;visibility:hidden;}
#ContentMain .interview-item-flip .img{display:block;float:right;margin:0 0 0 40px;}
#ContentMain .interview-item-flip .txt{line-height:1.8;}
#ContentMain .interview-item-flip .title{font-size:20px;padding:0 0 15px;font-weight: bold;}
#ContentMain .flow{min-width:1180px;background:url(/recruit/renew/img/yumeoi/bg_flo.gif)repeat-x #f5f5f5;}
#ContentMain .flow-title{padding:100px 0 50px 0;text-align:center;font-size:18px;font-weight: bold;}
#ContentMain .flow-title img{display:block;margin:0 auto 15px;}
#ContentMain .flow_entry_container{}
#ContentMain .flow-txt{padding:50px 0;text-align:center;font-size:18px;font-weight: bold;}
#ContentMain .flow_entry{position:relative;margin:0 auto 40px;width:1000px;background:#ffffff;}
#ContentMain .flow_entry:before{content:"";width:70px;height:18px;background:url(/recruit/renew/img/yumeoi/flo_arr.png) no-repeat;position:absolute;bottom:-30px;left:50%;margin-left:-35px;}
#ContentMain .flow_entry:last-child{margin:0 auto;}
#ContentMain .flow_entry:last-child::before{display:none;}
#ContentMain .flow_entry:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
#ContentMain .flow_entry_text{float:left;margin:50px 0 0 50px;width:580px;}
#ContentMain .flow_entry_text h4{margin-bottom:10px;font-size:22px;font-weight:bold;color:#e62e2e;}
#ContentMain .flow_entry_text p{font-size:14px;}
#ContentMain .flow_entry_photo{float:right;width:280px;}
#ContentMain .requirements{min-width:1180px;background:#f5f5f5;padding:0 0 120px;}
#ContentMain .requirements-title{padding:100px 0 50px 0;text-align:center;font-size:18px;font-weight: bold;}
#ContentMain .requirements-title img{display:block;margin:0 auto 15px;}
#ContentMain .requirements_box{margin:0 auto;padding:100px 70px;width:1000px;text-align:left;border:1px #000 solid;background:#fff;box-sizing: border-box;}
#ContentMain .requirements_box::after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#ContentMain .requirements_box .left{float:left;width:400px;}
#ContentMain .requirements_box .right{float:right;width:400px;}
#ContentMain .requirements_box .title{padding:0 0 8px 0;font-size:17px;font-weight:bold;border-bottom:1px #ddd solid;}
#ContentMain .requirements_box .txt{padding:20px 0 50px;line-height:180%;}
#ContentMain .requirements_box .color{display:block;padding: 0 0 10px 0;font-size: 17px;}
#ContentMain .conversion{padding:120px 0 160px;}
#ContentMain .inquiry{margin:0 auto;text-align:center;}
#ContentMain .inquiry .conList {border:1px solid #ddd;border-radius:10px;height:198px;margin:0 auto;position:relative;width:858px;		background-color:#fff;}
#ContentMain .inquiry .conList::after {clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden;}
#ContentMain .inquiry .conList .ope {bottom:0;position:absolute;right:10px;}
#ContentMain .inquiry .conList .tel {float:left;margin:0 0 0 45px;text-align:left;width:290px;}
#ContentMain .inquiry .conList .tel .ttl,
#ContentMain .inquiry .conList .mail .ttl {display:block;font-size:18px;line-height:1;padding:50px 0 20px;}
#ContentMain .inquiry .conList .mail .btn a {background-color:#e62e2e;border-radius:5px;color:#fff;display:block;font-size:17px;font-weight:bold;line-height:60px;min-height:60px;text-align:center;}
#ContentMain .inquiry .conList .mail {float:left;margin:0 0 0 45px;text-align:left;width:250px;}
#ContentMain .job-banner{padding:0 0 100px;text-align: center;}
#ContentMain .job-banner img{max-width:100%;width:auto;height:auto;}
@media  (max-width:640px) {
	#MainImage.yumeoi{background:url(/recruit/renew/img/yumeoi/bg_yum_main.gif)top no-repeat center;min-width:0;background-size:100% auto;height:auto;}
	#MainImage.yumeoi .title {padding:70px 15px 0;}
	#MainImage.yumeoi .title img{width:100%;height:auto;}
	#MainImage.yumeoi .catch{padding:20px 15px 0;}
	#MainImage.yumeoi .catch img{width:100%;height:auto;}
	#MainImage.yumeoi .image{padding:15px;text-align:center;}
	#MainImage.yumeoi .image img{width:100%;height:auto;}
	#ContentMain .about{padding:15px;}
	#ContentMain .about-box{width:auto;padding:20px 15px 15px;}
	#ContentMain .about-title-wrap{position:absolute;top:-20px;left:0;width:100%;text-align: center;}
	#ContentMain .about-title{padding:7px 36px 0;height:29px;font-size:14px;line-height:1;background:url(/recruit/renew/img/yumeoi/bg_rib.gif)0 0 repeat-x;background-size:1px 36px;}
	#ContentMain .ribbon-l{position: absolute;top:0;left:0;width:35px;height:36px;}
	#ContentMain .ribbon-r{position: absolute;top:0;right:0;width:35px;height:36px;}
	#ContentMain .about-staff{position:absolute;top:30px;right:15px;margin:0 auto;padding:0;width:60px;height:auto;}
	#ContentMain .about-txt{padding:0 80px 0 0 ;font-size:14px;line-height:1.8;}
	#ContentMain .job-list{padding:0 15px 30px;}
	#ContentMain .job-item{padding:0 0 15px 0;}
	#ContentMain .job-item img{width:100%;height:auto;}
	#ContentMain .interview{min-width:0;padding:0 0 60px;}
	#ContentMain .interview-title{padding:60px 15px 0;font-size:14px;}
	#ContentMain .interview-title img{margin:0 auto 10px;width:168px;height:auto;}
	#ContentMain .interview-txt{padding:30px 15px;font-size:16px;}
	#ContentMain .interview-box{margin:0 15px;}
	#ContentMain .interview-intro .img{float:none;display:block;float:none;margin:0 auto;padding:0;width:auto;max-width:100%;height:auto;}
	#ContentMain .interview-intro-txt{float:none;width:auto;}
	#ContentMain .interview-intro-txt .catch{padding:0 15px 0;font-size:20px;line-height:35px;}
	#ContentMain .interview-intro-txt .name{padding:10px 15px 30px;font-size:15px;}
	#ContentMain .interview-item{padding:0 15px 30px;}
	#ContentMain .interview-item .img{display:block;float:none;margin:auto;width:auto;max-width:100%;height:auto;}
	#ContentMain .interview-item .txt{line-height:1.8;}
	#ContentMain .interview-item .title{padding:30px 0 5px;font-size:18px;font-weight: bold;}
	#ContentMain .interview-item-flip{padding:0 15px 30px;}
	#ContentMain .interview-item-flip .img{display:block;float:none;margin:auto;width:auto;max-width:100%;height:auto;}
	#ContentMain .interview-item-flip .txt{line-height:1.8;}
	#ContentMain .interview-item-flip .title{padding:30px 0 5px;font-size:18px;}
	#ContentMain .flow{min-width:0;}
	#ContentMain .flow-title{padding:60px 15px 30px;font-size:14px;}
	#ContentMain .flow-title img{margin:0 auto 10px;width:96px;height:auto;}
	#ContentMain .flow_entry_container{padding:0 15px 60px;}
	#ContentMain .flow_entry{width:auto;background:#ffffff;position:relative;margin:0 15px 40px;}
	#ContentMain .flow_entry:last-child{margin:0 15px;}
	#ContentMain .flow_entry:last-child::before{display:none;}
	#ContentMain .flow_entry_text{width:auto;float:none;margin:20px 20px 0;}
	#ContentMain .flow_entry_text h4{font-size:16px;margin-bottom:5px;}
	#ContentMain .flow_entry_text p{padding-bottom:20px;}
	#ContentMain .flow_entry_photo{width:auto;float:none;}
	#ContentMain .flow_entry_photo img{width:100%;height:auto;}
	#ContentMain .requirements{min-width:0;background:#f5f5f5;padding:0 15px 60px;}
	#ContentMain .requirements_box{margin:0 auto;padding:15px;width:auto;}
	#ContentMain .requirements-title{margin:0 20px 30px;padding:10px 15px;font-size:16px;}
	#ContentMain .requirements-title img{margin: 0 auto 10px;width:250px;height:27px;}
	#ContentMain .requirements_box .left{float:none;margin:auto;width:auto;}
	#ContentMain .requirements_box .right{float:none;margin:auto;width:auto;}
	#ContentMain .requirements_box .title{padding:0 0 10px 0;}
	#ContentMain .requirements_box .txt{padding:15px 0 30px;}
	#ContentMain .conversion{padding:30px 0;}
	#ContentMain .inquiry{margin:0 20px 0;}
	#ContentMain .inquiry .bnr{margin:0 auto;text-align:center;}
	#ContentMain .inquiry .bnr img{width:100%;height:auto;}
	#ContentMain .inquiry .conList{position:relative;margin:0;padding:20px 20px;width:auto;height:auto;border-radius:5px;}
	#ContentMain .inquiry .conList .ope{position:absolute;bottom:0;right:10px;}
	#ContentMain .inquiry .conList .tel{position:relative;float:none;margin:0 0 20px 0;padding:0 0 20px 0;width:auto;border-bottom:1px solid #ddd;}
	#ContentMain .inquiry .conList .tel .ttl,
	#ContentMain .inquiry .conList .mail .ttl{display:block;padding:0 0 15px 0;text-align:center;font-size:15px;line-height:1;}
	#ContentMain .inquiry .conList .tel img,
	#ContentMain .inquiry .conList .mail img{width:100%;height:auto;}
	#ContentMain .inquiry .conList .tel img.ope{display:none;}
	#ContentMain .inquiry .conList .mail .btn a{min-height:50px;font-size:15px;line-height:50px;border-radius:5px;}
	#ContentMain .inquiry .conList .mail{float:none;margin:0;width:auto;text-align:left;}
	#ContentMain .job-banner{padding:0 15px 60px;}
}

/** |00. Diversity | << ********************************************************************************* << END **/