@charset "UTF-8";

/*-------------------------------------------

401k Only Customise CSS style.css

-------------------------------------------*/

@media screen and (max-width: 767px) {
h1.h1Title01 .titleInner {
    font-size: 1.8em;
}	
	
.titleQuestion {
	margin:0 0 20px 0;
	padding:0 0 0 42px;
	min-height:32px;
	background: url(../../common/images/ico_question.png) 0 0 no-repeat;
	background-size:42px 32px;
	font-size:1.3em;
	line-height:1.5;
}

.jobSelect #wrap #mainArea {
    margin: 30px auto 0;
}

.titleAwnser {
	margin:0 0 20px 0;
	padding:0 0 0 42px;
	min-height:32px;
	background: url(../../common/images/ico_awnser.png) 0 0 no-repeat;
	background-size:42px 32px;
	font-size:1.3em;
	line-height:1.5;
}
.tSmall {
	font-size:0.8em;	
}
.col:last-child {
	margin-bottom:30px!important;
}
.callblock div:first-child {
	margin-right: 0;
	padding-right: 0;
	border: none;
}
.mailreg input[type="submit"] {
	min-height: 35px;
}

.indicator {
	margin:0 auto 20px;
	overflow:hidden;
	width:100%;
	padding:0 10px 0 10px;
	box-sizing:border-box;
}

.indicatorInner {
	width:100%;
	float:none;
	overflow:hidden;	
}

.indicatortxt {
	font-size:12px;
	display:inline-block;
	float:left;
	line-height:12px;
	width:20%;
	text-align:center;
}

.indicatorbar {
	width:80%;
	float:right;
	height:10px;
	margin:1px 0 0 0;	
}

a.fontL {
	font-size:1.4em;	
}

.boxTooltip {
    display: none;
    font-size: 1.2em;
    left: 0;
    position: absolute;
    top: 0;
    width:300px;
	z-index:5;
}

.toolTipArea {
	background:url(../../common/images/guide_illust.png) no-repeat scroll right bottom;
	padding:0 60px 0 0;
	background-size:60px 91px;
	min-height:91px;
}

.tooltipTxt {
	width:200px;
	font-size:12px;	
}

.boxModal {
    background:rgba(0,0,0,0.6);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

.BoxModalBg {
    background: #d8d8d8;
    border-radius: 6px;
    margin: 40px auto 0;
    padding: 3px;
    width:90%;
}

.boxModalInner {
    background: #fff;
    border: 1px solid #bbbbbb;
    border-radius: 6px;
    padding: 10px 10px 10px 10px;
    position: relative;
}

.imgModal {
	text-align:center;
	width:100%;	
}

.imgModal img {
	max-width:100%;
	height:auto;
	width:auto;
}


.btnModalClose01 {
	display:none;
    position: absolute;
    right: 11px;
    top: 10px;
}

.btnModalClose02 {
    margin: 20px auto 0;
    width: 156px;
}

a.btnT02:hover, a.btnT05:hover {
    background: #049849 none repeat scroll 0 0;
}

}