@charset "UTF-8";

/*================================================
 * 各ページCSS
 ================================================*/
#header_img{margin-top: 120px; background-color: #000000;padding: 3em 0 2em;background: url("../img/header_img_pc.jpg")no-repeat center;background-size: cover;}

.achievement_h2{font-size: 1.2em;text-align: center;}
.company_h3{font-size: 2.6em;text-align: center;padding: 3em 0 0;font-weight: 600;font-family: "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
.company_p{font-size: 1.4em;text-align: center;padding: 0;font-weight: normal;}
.aisatsu_h2{font-size: 1.2em;text-align: center;margin: 8em 0 2em;}
.aisatsu_w70per{width: 70%;margin: 0 auto;padding-bottom: 5em;}

.my-parts {
	display: inline-block;
	font-size: 1.4em;
	padding: .8em 3em .4em 1.6em;
	position: relative;
	color: #fff;
	z-index: 1;
}
.my-parts::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #036eb8;
	transform: scaleY(1.3) perspective(.6em) rotateX(5deg);
	transform-origin: bottom left;
}
.table_design04 {
  border-collapse: collapse;
	border-bottom: 1px solid #000000;
  width: 100%;
}
.table_design04 th{
	width: 70%;
  padding: 1em;
}
.table_design04 td {
	border-left: 1px solid #000000;
	width: 30%;
  padding: 1em;
}
.table_design04 th,.table_design04 td {
  border-top: 1px solid #000000;
  font-weight: normal;
  text-align: left;
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:560px) {

.company_h3{font-size: 2.0em;text-align: center;padding: 3em 0 0;font-weight: 600;font-family: "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
.achievement_h2{font-size: 1.0em;text-align: justify;margin-top: 2%;}
.company_info{
width: 100%;
  height: auto;

}
.company_info dl {
  display: flex;
  flex-wrap: wrap;
	width: 100%;
	margin: 2% auto;
	padding: 0;
}
.company_info dt {
  width: 97%;
  padding: 10px 1.5% 10px;
  margin: 0 0 0px 0;
display: flex;
  align-items: center;
  justify-content: left;
border-bottom: none;
border-right: none;
	background-color: #dcdddd;
}
.company_info dd {
  width: 97%;
  padding: 10px 1.5% 15px;
  margin: 0 0 0px 0;
border-bottom: solid 1px #979898;
}

}