@charset "utf-8";

/*****************************************************************

	鉄道事業ページレイアウト定義

		*Common Layout CSS
		   +BASE Module SET
		   +SKIP
		*TopPage

*****************************************************************/

/* ====== Brecruit ===== */
.recruit1 h2{
	font-size: 25px;
	text-align: center;
	padding: 20px 0 40px 0;
}

/*
.recruit1 .recruit_h3{
	font-size: 20px;
	margin-left: -10px;
	margin-right: -10px;
	padding-bottom: 5px;
	letter-spacing: 0.8pt;
}
*/
.recruit1 .recruit_h3::before {
    content: '◆';
    position: relative;
    right: 7px;
    color: #1fa552;
}

.recruit1 .recruit_h3::after {
    content: '◆';
    left: 7px;
    position: relative;
    color: #1fa552;
}

.recruit_dl{
	margin:0 0 3px 5%;
	padding:3px 10% 3px 10%
}

.recruit_dl dt{
	font-weight: bold;
}
.recruit_dl dd{
	margin:0 0 0.5em 1.1em;
	
}

.recruit2 p{
	text-align: right; 
	padding: 4px 10px 20px 0;
}

.recruit3 {
	margin: 45px 0 20px 0  ;
}

.recruit3 p{
	margin-bottom: 0em;
}

.recruit3 .box{
	width :62%;
	margin: auto;
	padding: 10px;
	border: 1.5px solid #4d4d4d;
}


/* ====== Bbusiness ===== */
.business p{
	letter-spacing: 0.8pt;
	text-align: center;
	font-size: 17px;
	line-height: 1.8;
	margin: 0 0 2em 0;
}

.business_imgWrap{
	padding-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	width: auto;
}
.bus_left_img{
	float: left;
	margin-right: 2%;
	width: 48%;
}

.bus_right_img{
	float: left;
	margin-left: 2%;
	width: 48%;
}

.bus_left_img img{
	display: inline;
}
.bus_right_img{
	display: inline;
}

.business_detail{
	margin: 0.3em 0 30px 0;
}

.business_detail p{
	line-height: 1.8;
}

.business_grass {
	padding: 0 0 60px 0;
	background: url("/station-business/img/line.png") repeat-x;
	height: auto;
}
    
    

/* ====== Btour ===== */
.tour_1{
	padding: 25px 0 0 15px
    width: auto;
}

.tour_h2 {
	width: 48%;
    margin-top: 10px;
    margin-left: 0;
	min-height: 1px;
	margin-right: 2%;
	float: left;
    position: relative;
    letter-spacing: 0.8pt;
}

.tour_h2 h2{
	font-size: 180%;
    line-height: 1.6;
    font-family: 'Meiryo UI';
}

.tour_p{
	width: 48%;
    margin-top: 0;
    margin-left: 0;
	min-height: 1px;
	margin-right: 2%;
	float: left;
    position: relative;
    letter-spacing: 0.8pt;
}

.tour_p p{
	font-size: 85%;
}

.tour_2{
	padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin: 0 auto;
    width: auto;
}

.tour_button{
	padding-left: 0;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 0;
	letter-spacing: 0.8pt;
}

.tour_button h3{
	color: #ffffff;
    background-color: #c65a30 !important;
    padding: 0.3em 3em!important;
    line-height: 1!important;
    display: inline-block;
    margin: 0 auto;
    border-radius: 2em;
    font-size: 1.8em!important;
	margin-bottom: 0.7em!important;
	font-family: 'Meiryo UI';
	text-align:center;
}

.tour_button p{
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-size: 17px;
}

.tour_3{
	margin: 0 auto;
    width: auto;
    padding: 30px;
}

.tour_course{
	margin-left: 0;
	margin-top: 0;
	min-height: 1px;
	margin-right: 2%;
	float: left;
	position: relative;
	width: 64.6%;
}

.tourCenter{
	letter-spacing: 0.8pt;
	text-align: center;
}

.tourImg{
	display: inline;
}

.tourImg img{
	width: 100%;
    height: auto;
    vertical-align: middle;
}

.tour_table{
	margin-right: 0;
	min-height: 1px;
	margin-top: 0;
	margin-left: 2%;
	width: 31.3%;
	float: left;
	position: relative;
}

.tour_table p{
	letter-spacing: 0.8pt;
	font-size: 1em;
	line-height: 1.8;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

.tour_table table{
	width: 100%;
	border: 1px solid #999999;
	
}

.tour_th1{
	font-weight: bold!important;
	padding: 0.3em;
	border: 1px solid #999;
	background: #009944;
	color: #fff;
	font-size: 17px;
}
.tour_th2{
	font-weight: bold;
	padding: 0.3em;
	border: 1px solid #999;
	background: #ffbf00;
	color: #fff;
	font-size: 17px;
}

.tour_td1{
	padding: 0.3em;
	border: 1px solid #999;
	line-height: 1.5;
	vertical-align:middle;
	color: #30372f;
	font-size: 1.1em;
}

.a-footer{
	max-width:100%;
}

@media screen and (max-width: 767px) {
.recruit1{
	padding: 15px 0 15px 0;
}

.recruit1 h2{
	padding: 0 0 15px 0;
}

.recruit1 recruit_h3{
	font-size: 20px;
	margin-left: -10px;
	margin-right: -10px;
	padding-bottom: 5px;
}

.recruit_dl{
	margin:0 0 0 0;
	padding: 3px 2% 3px 2%;
}

.recruit_dl dd{
	margin:0 0 0.4em 0.9em;
}

.recruit2 p{
	padding: 4px 2% 4px 0;
}

.recruit3 {
	margin: 40px 0 8px 0  ;
}

.recruit3 p{
	margin-bottom: 0em;
}

.recruit3 .box{
	width :80%;
	padding: 8px;
}


/* ====== Bbusiness ===== */

.business p{
	text-align: left;
	font-size:15px;
}

.business_grass {
	padding: 0 0 30px 0;
}

/* ====== Btour ===== */

.tour_1{
	padding: 0 15px 15px 15px;
	margin: 0 auto;
	max-width: 90%;
}

.tour_h2 {
	    margin-top: 4%;
	    width: 100%;
}

.tour_p{
	width: 100%;
    margin-top: 4%;
}

.tour_2{
	padding:10px 0 0 0;
    margin: 0 auto;
    max-width: 90%;
}

	.tour_button h3{
	margin-left: -10px;
    margin-right: -10px;
    font-size: 1.5em!important;
}

	.tour_button p{
	font-size: 15px;
}

	.tour_3{
	margin: 0 auto;
    max-width: 90%;
    padding: 15px;
}

	.tour_course{
	margin-right: 0;
    margin-left: 0;
    float: none;
    width: 100%;
}

	.tourCenter{
	font-size: 15px;
}

	.tour_table{
	margin-top: 4%;
	margin-right: 0;
    margin-left: 0;
    width: 100%;
    float: none;
}

.tour_table p{
	font-size: 15px;
}
}