@charset "utf-8";
/*----------------------------------------------------------------------------------------------------------
	スマホ用（～768px）　　company【会社案内】のスタイルシート
------------------------------------------------------------------------------------------------------------*/
.contents.company{padding-top: 0;}
/*理念*/
section.section_company01{
	background: #f2f2f2 url("../img/common/bg_wave01.png") no-repeat center bottom;
	background-size: 800px;
	padding: 1.5rem 0 60px 0;
}
h3.h3_com01.rinen{position: relative;}
h3.h3_com01.rinen::before{
	position: absolute;
	content: "";
	left: calc(50% - 98px);
	top: -4px;
	width: 40px;
	height: 41px;
	background: url("../img/common/img_triangle01.png") no-repeat 0 0;
	background-size: 40px;
}
.wrap_rinen01{
	text-shadow: 1px 1px 0px #fff;
	max-width: 660px;
	margin: 0 auto;
}
/*p.p_rinen01::first-letter{
	color: #e10915;
	font-size: 2.5rem;
	line-height: 1;
	float: left;
	margin-right: 5px;
}*/
/*会社概要*/
.wrap_outline01{
	background: #fff;
	box-shadow: 1px 1px 7px rgba(0,0,0,0.30);
	width:100%;
	margin: 0 auto;
	padding: 1rem 1rem;
}
table.table_company01 td{
	display: block;
	padding: 10px 10px 16px 10px;
}
table.table_company01 th{
	display: block;
	background: #e0e0e0;
	font-weight: bold;
	padding: 7px 10px;
}
table.table_company01 td ul{margin-bottom: 0;}

/*アクセスマップ*/
.googleMap_01{
	margin-bottom: 1rem;
}
.googleMap_01 iframe{
	border: none;
	width: 100%;
	height: 400px;
}


/*-------------------------------------------------------------------------------------------------------------------------------
	タブレット用（768px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width:768px){
/*理念*/
section.section_company01{
	background-size: 1200px;
	padding: 2rem 0 120px 0;
}
h3.h3_com01.rinen::before{
	left: calc(50% - 104px);
}
/*会社概要*/
.wrap_outline01{
	max-width: 1000px;
	padding: 1rem 2rem;
}
table.table_company01 th{
	display: table-cell;
	padding: 16px 5px;
	width: 180px;
	background: none;
	border-bottom: 1px solid rgba(0,0,0,0.20);
	position: relative;
}
table.table_company01 th::after{
	position: absolute;
	content: "";
	bottom: -1px;
	left: 0px;
	width: 100px;
	height: 1px;
	background: #1a1a1a;
}
table.table_company01 td{
	display: table-cell;
	padding: 16px 5px;
	border-bottom: 1px solid rgba(0,0,0,0.20);
}
/********/
}





/*-------------------------------------------------------------------------------------------------------------------------------
	PC用（1100px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1100px){

.contents.company{
	background-img: url("../img/common/bg_geometric01.png"), url("../img/common/bg_geometric02.png"),url("../img/common/bg_geometric03.png");
	background-size: 550px, 600px, 250px;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: calc(50% + 700px) bottom, calc(50% + 780px) 40%, calc(50% - 670px) 22%;
}
/*理念*/
section.section_company01{
	background-size: 1600px;
	padding: 2.75rem 0 140px 0;
}
h3.h3_com01.rinen::before{
	left: calc(50% - 155px);
	top: -25px;
	width: 80px;
	height: 82px;
	background-size: 80px;
}
/********/
}







/*-------------------------------------------------------------------------------------------------------------------------------
	PC用（1600px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1600px){
section.section_company01{background-size: 100%;}
/********/
}