@charset "utf-8";
/* CSS Document */

/* -----------------------------
	company common
-------------------------------- */

.company_message_area{
	background-color: #f3f3f3;
	width: 1100px;
	height: auto;
	margin: auto;
}

.company_box{
	margin-bottom:130px;
}

.company_title{
	background-image: url(../img/company_title_line.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 50px;
	font-family: "Times New Roman","ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}

.company_text p{
	font-size: 1.8rem;
	line-height: 2.0;
	text-align: center;
	margin-bottom: 20px;
	
}

/* -----------------------------
	rinen
-------------------------------- */

.company_rinen_text{
	text-align:center;
}

/* -----------------------------
	message
-------------------------------- */

.company_message_inner{
	width:1100px;
	margin: auto;
}

.company_message_inner.style2{
	padding-bottom: 30px;	
}

.company_kazari1{
	position: relative;
	left: 880px;
	top:-60px;
	margin-bottom: -170px;
}

.company_kazari2{
	position: relative;
	left:550px;
	top:150px;
	margin-bottom: -150px;
	z-index: 2;
}


.company_kazari3{
	position: relative;
	left:-50px;
	top:780px;
}

.company_message_img1{
	position: relative;
	left: -60px;
	top:100px;

}

.company_message_img1 img{
	width:550px;
}

.company_message_text1{
	width: 490px;
	float: right;
	margin-top: 60px;
	position: relative;
	left:-60px;
}

.company_message_img2{
	position: relative;
	right: -110px;
	top:100px

}

.company_message_img2 img{
	width:550px;
}

.company_message_text2{
	width: 490px;
	float: left;
	margin-top: 60px;
	padding-bottom: 50px;
	position: relative;
	right:-60px;
	
}

.company_message_title{
	margin-bottom: 20px;
	color: #80c3c1;
	font-weight: bold;
	line-height: 1.5;
	font-size: 2.3rem;
	
}

.company_message_title2{
	margin-bottom: 10px;
}


/* -----------------------------
	gaiyo
-------------------------------- */

.company_table{
	width: 800px;
	border-collapse: collapse;
	margin: auto;
	line-height: 1.6;
}

.company_table th{
	width: 250px;
	font-weight: normal;
	border-bottom: 1px solid #efefef;
	padding: 30px;
	vertical-align: top;
}

.company_table td{
	width: 550px;
	border-bottom: 1px solid #efefef;
	padding: 30px;
	vertical-align: top;
	text-align: left;
}

.border_top_ef{
	border-top: 1px solid #efefef;
}

/* -----------------------------
	access
-------------------------------- */
.access{
	width:800px;
	margin: auto;
}

.googlemap iframe{
	width: 800px;
	height: 400px;
}


@media screen and (max-width: 667px){

	/* -----------------------------
		company common
	-------------------------------- */

	.company_message_area{
		width: 100%;
	}

	.company_box{
		margin-bottom:40px;
	}

	.company_title{
		background-image: url(../img/company_title_line_sp.png);
		padding-bottom: 15px;
		margin-bottom: 20px;
        margin-top:30px;
		background-size: 280px;
		
	}
    .company_message_text1{
        padding-top:35px;
    }
	.company_message_title2 img{
		width:200px;
	}

	.company_text p{
		font-size: 1.5rem;
		line-height: 1.6;
	}

	/* -----------------------------
		rinen
	-------------------------------- */


	/* -----------------------------
		message
	-------------------------------- */


	.company_message_inner{
		width:100%;
	}

	.company_message_inner.style2{
		padding-bottom: 20px;	
	}

	.company_message_img1{
		position: static;
		margin-bottom: 0;	
	}

	.company_message_img1 img{
		width:100%;
	}

	.company_message_text1{
		width: 100%;
		float: none;
		margin-top: 30px;
		position: static;
	}

	.company_message_img2{
		position: static;
	}

	.company_message_img2 img{
		width:100%;
	}

	.company_message_text2{
		width: 100%;
		float: none;
		margin-top: 30px;
		padding-bottom: 20px;
		position: static;

	}

	.company_message_title{
		font-size: 1.8rem;
		margin-bottom: 15px;
	}

	.company_message_title2{
		margin-bottom: 0;
	}


	/* -----------------------------
		gaiyo
	-------------------------------- */

	.company_table{
		width: 100%;
	}

	.company_table th{
		width: 100%;
		display: block;
		border-bottom: none;
		padding: 20px 0 5px 0;
		text-align: left;
		font-weight: bold;
	}

	.company_table td{
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 5px 0 20px 0;
	}

	.border_top_ef{
		border:none;
	}

	/* -----------------------------
		access
	-------------------------------- */
	.access{
		width:100%;
	}
    
	.googlemap iframe{
		width: 100%;
		height:200px;
	}
}