@charset "UTF-8";

/* ==========================================================
 home
========================================================== */
.anchorLink {
	position: fixed;
	right: 0;
	top: 139px;
	z-index: 90;
}

.slider {
	position: relative;
}
.slider .readText {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 8px 0 8px;
	background: rgba(184,10,32,.6);
	text-align: center;
	z-index: 80;
}

.secSearch {
	padding: 10px 20px 15px 0px;
}
.secSearch h2 {
	font-size: 28px;
	text-align: center;
	font-weight:bold;
}
.secSearch h2:after {
	display: inline-block;
	content: "";
	width: 22px;
	height: 24px;
	margin-left: 5px;
	background: url(/contents/sp/images/icon_search.png) no-repeat 0 0;
	vertical-align: middle;
}
.secSearch ul {
	display: inline-block;
	margin:17px 0 0 18vw;
}
.secSearch ul li {
	display: table-cell;
}

.secSearch ul img {
	width:190px;
}

.secSearch ul li a {
	display: block;
	padding: 0 15px;
}

.campaignBanner {
	position: relative;
	height: 177px;
	margin: 0 14px;
	background: url(/contents/sp/images/bg_banner_campaign.png) no-repeat 0 0;
}
.campaignBanner h2 {
	position: absolute;
	top: 35px;
	left: 48px;
}
.campaignBanner dt {
	position: absolute;
	top: 32px;
	right: 0;
	width: 462px;
	height: 38px;
	padding: 9px 25px 8px 0;
	background: #221815;
	font-size: 20.93px;
	text-align: right;
	letter-spacing: 6px;
	line-height: 1;
}
.campaignBanner dt:before {
	position: absolute;
	top: 0;
	left: -12px;
	display: block;
	content: "";
	width: 12px;
	height: 38px;
	background: url(/contents/sp/images/bg_banner_text.png) no-repeat left center;
}
.campaignBanner dd {
	position: absolute;
	top: 80px;
	left: 325px;
	padding: 7px 10px;
	background: #fff;
	color: #221815;
	font-size: 14.6px;
	line-height: 1.2;
}
.campaignBanner dd .note {
	display: block;
	font-size: 13px;
	text-align: right;
}
.campaignBanner {}
.campaignBanner {}

.merit {
	position: relative;
	margin: 32px 0 0;
	padding: 0 14px;
}
.merit ol {
	margin: 13px 0 0;
	padding: 0 0 212px;
}
.merit ol li {
	display: table;
	width: 95%;
	margin-top: 20px;
	margin-right:100px;
}
.merit ol li:first-child {
	margin-top: 0;
}
.merit ol li>div,
.merit ol li>p {
	display: table-cell;
	vertical-align: middle;
}
.merit .number {
	padding: 0 24px 0 7px;
}
.merit .number+p {
	font-size: 18.75px;
}
.merit figure {
	position: absolute;
	bottom: 0;
	right: 0;
}

.news {
	margin: 28px 0 0;
}
.news .newsBox {
	padding: 0 14px;
}
.news .newsList {
	margin: 21px 30px 0 0;
	padding: 0 15px;
}
.news .newsList li {
	display: table;
	width: 100%;
	margin-top: 15px;
	padding: 0 0 5px;
	border-bottom: 1px solid #fff;
	font-size: 18.75px;
}
.news .newsList li:first-child {
	margin-top: 0;
}
.news .newsList li>span {
	display: table-cell;
	vertical-align: top;
}
.news .newsList .icon {
	width: 91px;
	padding-right: 17px;
}
.news .newsList .date {
	width: 110px;
	padding-right: 23px;
}
.news .btnMore {
	margin: 22px 35px 0 0;
	font-size: 15.62px;
	text-align: right;
}
.news .btnMore a {
	display: inline-block;
	padding: 0 0 8px;
	background: url(/contents/sp/images/border_link_more.png) repeat-x bottom left;
}

.topicsBox {
	margin-top: 23px;
	padding: 0 7px 0 14px;
}
.topicsBox ul {
	margin: 10px 0 0 -9px;
}
.topicsBox ul li {
	float: left;
	width: 355px;
	margin: 8px 0 0 9px;
}
.topicsBox .read {
	position: relative;
	height: 186px;
	padding: 18px 25px 0;
}
.topicsBox ul li:nth-child(1) .read {
	background-image: url(/contents/sp/images/bg_topic_01.png);
}
.topicsBox ul li:nth-child(2) .read {
	background-image: url(/contents/sp/images/bg_topic_02.png);
}
.topicsBox ul li:nth-child(3) .read {
	background-image: url(/contents/sp/images/bg_topic_03.png);
}
.topicsBox ul li:nth-child(4) .read {
	background-image: url(/contents/sp/images/bg_topic_04.png);
}
.topicsBox ul li:nth-child(5) .read {
	background-image: url(/contents/sp/images/bg_topic_05.png);
}
.topicsBox ul li:nth-child(6) .read {
	background-image: url(/contents/sp/images/bg_topic_06.png);
}
.topicsBox .read h3 {
	text-align: center;
}
.topicsBox h3+p {
	margin-top: 7px;
	margin-right:15px;
	font-size: 16.5px;
	letter-spacing: 1px;
	line-height:20px;
}
.topicsBox span.icon {
	display: block;
	position: absolute;
	bottom: 24px;
	right: 35px;
}

.jobsBox {
	padding: 0 14px;
}
.jobsBox.body {
	margin-top: 24px;
}
.jobsBox.parts {
	margin-top: 15px;
}
.jobsBox .jobList {
	margin: 15px 0 0;
}
.jobsBox .jobList li {
	margin-top: 15px;
	background: url(/contents/sp/images/icon_jobs_arrow.png) no-repeat right bottom,#fff;
}
.jobsBox .jobList li:first-chidl {
	margin-top: 0;
}
.jobsBox .jobList li>a {
	display: table;
	width: 100%;
}
.jobsBox .jobList li figure,
.jobsBox .jobList li dl {
	display: table-cell;
}
.jobsBox .jobList li figure {
	vertical-align: middle;
}
.jobsBox .jobList li figure img {
	width: 311px;
}
.jobsBox .jobList li dl {
	padding: 10px 0;
	color: #221815;
	vertical-align: top;
}
.jobsBox .jobList li dt {
	font-size: 22px;
	font-weight: bold;
}
.jobsBox .jobList li dd {
	margin-top: 5px;
}
.jobsBox .jobList li dd span {
	display: inline-block;
	margin-right: 10px;
	padding: 3px 4px 3px 6px;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 4px;
	vertical-align: middle;
}
.jobsBox .jobList li dd em {
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
}
.jobsBox .jobList li dd.campaign {
	width: 411px;
	height: 44px;
	padding: 12px 15px;
	background: url(/contents/sp/images/bg_jobs_campaign.png) no-repeat 0 0;
	color: #fff;
	font-size: 18.75px;
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.jobsBox .jobList li dd.income span {
	background: #b80a20;
}
.jobsBox .jobList li dd.location span {
	background: #004684;
}

.jobsBox .jobList li.stop	{
	position:relative;
	}
	
.jobsBox .jobList li img.stopimg{
	position:absolute;
	z-index:80;
	}

.bannerArea {
	margin-top: 15px;
	padding: 0 14px;
}
.bannerArea p+p {
	margin-top: 15px;
}

.summaryBox {
	padding: 0 14px;
}
.summaryBox.about {
	margin-top: 42px;
}
.summaryBox.info {
	margin-top: 33px;
}
.summaryBox h2 {
	padding: 15px 30px 15px 28px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.summaryBox figure {
	float: left;
	margin-top: 30px;
}
.summaryBox p {
	margin-top: 30px;
	padding: 0 35px;
	font-size: 17.19px;
	letter-spacing: 4px;
}
.summaryBox p span {
	display: block;
}
.summaryBox p span.note {
	margin-top: 18px;
	font-size: 17px;
	letter-spacing: 1px;
}
.summaryBox p span.sign {
	margin-top: 6px;
	font-size: 17px;
	letter-spacing: 2px;
	text-align: right;
}
.summaryBox p span.sign img {
	margin-left: 20px;
	vertical-align: middle;
}

.user {
	margin-top: 53px;
	padding: 0 14px;
}
.user h3 {
	margin-top: 29px;
	font-size: 23.44px;
	text-align: center;
}
.user figure {
	float: left;
	margin-top: 20px;
	padding: 0 0 0 22px;
}
.user p {
	float: left;
	width: 470px;
	margin-top: 20px;
	padding: 0 20px 0 10px;
	font-size: 17.19px;
	letter-spacing: 4px;
}
.user p span {
	display: block;
	margin-top: 25px;
	margin-right:20px;
	font-size: 14px;
	text-align: right;
}

.snsArea {
	margin: 70px 70px 0;
	text-align: center;
}

.searchHeader{
width:100%;
background-color:#B40404;
vertical-align:middle;
font-size:28px;
padding:30px 0 30px 10px;
z-index:200;
}

.searchHeader_fixed{
position:fixed;
top:0px;
}

#sec03 {
	margin-top:-100px;
	padding-top:100px;
	}
	
#maker_search{
	display:block;
	font-size:30px;
	padding: 0 5%;
	}

#maker_search div{
	margin:15px 0;
	vertical-align:middle;
	}

#campaign_search{
	display:block;
	font-size:30px;
	}
	
#campaign_search div{
	display:block;
	padding:10px 0;
	margin:10px 0;
	}
	
.modal-content input {
	margin-right:10px;
	}
	
#acMenu{
	margin-top:96px;
	}

#acMenu dt{
    display:block;
    width:100%;
    height:100px;
    padding:30px 30px 30px 40px;
    border:#666 1px solid;
    cursor:pointer;
    font-size:30px;
    background-color:#000000;
    position:relative;
    }
    
#acMenu dt span{
    margin-left:50px;
    }
    
#acMenu dt:before{
	content: url(/contents/sp/images/ac_button.png);
	position: absolute;
    top: 50%;
	margin:-0.5em 20px 0 0;
	}
	
#acMenu dt.active:before{
	content: url(/contents/sp/images/ac_button_thumb.png);
	position: absolute;
    top: 50%;
	margin:-0.5em 20px 0 0;
	}

#acMenu dd{
    background:#222222;
    width:100%;
    padding:10px; 0 0 80px;
    border:#666 1px solid;
    display:none;
    font-size:30px;
    }
    
#acMenu dd div{
	margin:10px 0;
    }
/*
input[type=checkbox]{
	pointer-events:none;
	}
	
input[type=radio]{
	pointer-events:none;
	}
*/

.check_clear{
	display:inline-block;
	margin:0 0 0 30px;
	display:inline-block;
	vertical-align:middle;
	padding:10px 30px;
	background: #222222;
	border: none;
	border-radius: 8px;
	color: #ffffff;
	font-size: 1.2rem;
	text-align: center;
	}
    
.fixedbutton {
	display:block;
	width: 80%;
	padding: 15px;
	background: #B40404;
	border: none;
	border-radius: 8px;
	color: #ffffff;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	cursor: pointer;
	margin:20px auto 50px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
}

.research-button {
	display:inline-block;
	width: 32%;
	padding: 30px 15px;
	background: none;
	border: 1px #FFFFFF solid;
	border-radius: 8px;
	color: #ffffff;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	cursor: pointer;
	margin:10px auto 50px;
}

.modal-overlay {
    z-index:130; /*ƒfƒ‚‚Å‚Íheader,footer‚ðz-index:1‚É‚µ‚½‚Ì‚Å ‚»‚ê‚æ‚èã‚°‚Ä‚¢‚Ü‚·*/
    display:none; /*js‚ŃtƒF[ƒhƒCƒ“‚³‚ê‚é‚Ü‚Ådisplay:none*/
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%; /*100vh‚Ńrƒ…[ƒ|[ƒg‚̍‚‚³‚¢‚Á‚Ï‚¢‚É‚È‚è‚Ü‚·*/
    background-color:rgba(0,0,0,.8);
    -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
    }
    
a.modal-open:hover {cursor:pointer} /*ƒJ[ƒ\ƒ‹‚ðƒ|ƒCƒ“ƒ^‚É*/

.modal-content {
	width:100%;
	padding-bottom:150px;
	min-width:200px;
	position:fixed;
	height:100%;
    display:none; /*js‚ŃtƒF[ƒhƒCƒ“‚³‚ê‚é‚Ü‚Ådisplay:none*/
    z-index:131; /*ƒI[ƒo[ƒŒƒC‚æ‚èã‚É*/
    background:#000000;
    overflow-y: scroll;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	}

#modal1{
	-webkit-overflow-scrolling: touch;
	}

.modal-content > a {
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
    -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

a.modal-close { /*ƒNƒ[ƒYƒ{ƒ^ƒ“‚͉½‚Å‚àD‚«‚ȃXƒ^ƒCƒ‹‚ÅOK*/
    position:absolute;
    top:0px;
    right:0px;
    color:#ffffff;
    font-size:60px;
    padding:17px 50px 30px 40px;
    line-height:1;
    font-weight:bold;
    text-decoration:none}
    
a.modal-close:hover {cursor:pointer} /*ƒJ[ƒ\ƒ‹‚ðƒ|ƒCƒ“ƒ^‚É*/

.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}