@charset "utf-8";

/*
============================================================
message.css
------------------------------------------------------------

■ メッセージ
■ テキスト
■ 2カラム

============================================================
*/

/* ---------------------------------------------------------
■ 入社後の話
--------------------------------------------------------- */

.titleWraper {
	width: 1000px;
	margin: 0 auto 50px; }


.comment {    background-color: #fbf9ee;}

.mainText {
	width: 550px;
	margin: 0 auto;
	color: #005337;
	font-size: 125%;
    text-align: justify;
	line-height: 34px;
    padding-top:30px;
    padding-bottom: 30px;
    font-family : YuGothic, '游ゴシック', sans-serif;}



/* ---------------------------------------------------------
■ テキスト
--------------------------------------------------------- */
.textWrapper {
	width: 980px;
	margin: 0 auto 25px; }

.textWrapper h2 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	color: #9fa0a0;
	font-size: 225%;
	line-height: 46px;
	text-align: center;
	border-bottom: 1px solid #c9a000; }

.textWrapper.mb40 {
	margin-bottom: 40px; }



/* ---------------------------------------------------------
■ 2カラム
--------------------------------------------------------- */
.twoColumnWrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 3px 0;
	}

.twoColumnWrapper .planInner {
	
	}

.twoColumnWrapper .left {
	float: left;
	width: 500px;
	vertical-align: top;
    padding-bottom:50px;}

.twoColumnWrapper .right {
	float: right;
	width: 500px;
	padding-bottom:50px; }


.twoColumnWrapper h2 {
    border-bottom: 1px solid #005337;
	color: #005337;
	font-size: 188%;
	line-height: 40px;}

.twoColumnWrapper p {
    font-size: 107%;
    padding-top: 20px;
    line-height: 30px;
}

.twoColumnWrapper .right h2,.twoColumnWrapper .right p {
padding-left: 30px;
}
    
/* 上段 */
.tcw1 .left {
	 }

.tcw1 dl {
	padding: 0 0 0 50px; }

.tcw1 dt {
	float: left;
	width: 74px;
	margin-right: 20px;
	color: #000;
	font-size: 125%;
	line-height: 28px;
	text-align: center;
	border: 1px solid #000; }

.tcw1 dd {
	float: left;
	width: 389px;
	color: #000;
	font-size: 125%;
	line-height: 28px; }

.mb10 {
	margin-bottom: 10px; }


/* 下段 */
.tcw2 {
	margin-bottom: 40px;
	border-bottom: 2px solid #c9a000; }

.tcw2 .planInner {
	border-top: none; }

.tcw2 li p {
	margin-bottom: 15px; }

.tcw2 .last p {
	margin-bottom: 0; }



/* ---------------------------------------------------------
■ 入社後の話
--------------------------------------------------------- */

.sp .titleWraper {
	width: 90.625%;    
	margin: 0 auto; }

.sp .mainText {
	width: 90.625%;
	margin: 0 auto;
	font-size: 16px;
    line-height: 26px;    
    padding-top:15px;
    padding-bottom: 15px;}

.sp .removeBR {display: none;}


/* ---------------------------------------------------------
■ SP メッセージ
--------------------------------------------------------- */
.sp .messageWraper {
	width: auto;
	margin: 0 auto 25px; }

.sp .textWrapper h2 {
	font-size: 20px;
	line-height: 28px; }

.sp .messageWraper h2 img {
	width: 106px; }

.sp .text {
	width: 90.625%;
	margin: 0 auto;
	font-size: 15px; }




/* ---------------------------------------------------------
■ SP テキスト
--------------------------------------------------------- */
.sp .textWrapper {
	width: auto; }




/* ---------------------------------------------------------
■ SP 2カラム
--------------------------------------------------------- */
.sp .twoColumnWrapper {
	width: auto; }

.sp .twoColumnWrapper img {width:100%;}

.sp .twoColumnWrapper p {
    font-size: 15px; 
    line-height: 25px}

.sp .twoColumnWrapper .left,
.sp .twoColumnWrapper .right {
	display: block;
	width: 90.625%;
	margin: 0 auto; 
    padding-bottom: 20px;
    float: none;}

.sp .twoColumnWrapper .right {
	padding: 15px 0; }

.sp .twoColumnWrapper .left {
}
    
.sp .twoColumnWrapper h2 {
	padding: 0px 0 0;
	font-size: 20px;
	line-height: 36px;
	text-align: center; }

.sp .twoColumnWrapper .planInner {
	display: block; }


.sp .tcw1 dl {
	padding: 0; }

.sp .tcw1 dt {
	width: 20.689%;
	margin: 0;
	font-size: 16px;
	line-height: 24px; }

.sp .tcw1 dd {
	font-size: 15px;
	line-height: 24px; }

.sp .tcw1 .left {
	    margin: 0 auto;}

.sp .tcw1 dd {
	float: right;
	width: 75.862%;
	font-size: 15px; }

.sp .tcw2 li p {
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 24px; }