@charset "utf-8";

/* --------------------------------------------------
   PC styles from ../company_pc.css
-------------------------------------------------- */
@media print, screen and (min-width: 640px) {
	/* -------------------------------------------------- */
	/* 会社案内*/
	/* -------------------------------------------------- */
	/* メインイメージ */
	.fv {
		background-image: url(../../img/fv_bg_company.webp);
	}
	
	
	/*--------------コンテンツ--------------*/
	
	#comSe1 {
		margin: 0 auto 100px;
		width: 1000px;
		font-size: 1.8rem;
		line-height: 1.625;
	}
	
	#comSe1 th {
		color: #dac495;
		border-top: #fff solid 1px;
		border-bottom: #fff solid 1px;
		width: 220px;
		padding: 30px 50px 30px 30px;
		text-align: right;
		font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", serif;;
	}
	
	#comSe1 td {
	  border-top: #fff solid 1px;
	  border-bottom: #fff solid 1px;
	  padding: 30px 0;
	  width: 680px;
	}
	
	#comSe1 table {
	  margin-bottom: 60px;
	}
	
	#comSe1 a {
	  color: #fff;
	}
}

/* --------------------------------------------------
   SP styles from ../company_sp.css
-------------------------------------------------- */
@media screen and (max-width: 639px) {
	/* -------------------------------------------------- */
	/* 会社概要ページ */
	/* -------------------------------------------------- */
	/* メインイメージ */
	#spFv {
		background-image: url(../../img/fv_bg_company.webp);
	}
	
	/* contents */
	/* -------------------------------------------------- */
	#comSe1{
		width: 90%;
		margin: 0 auto 8%;
		font-size: 1.4rem;
		color: #fff;
		line-height: 1.625;
		overflow: hidden;
	}
	
	#comSe1 table{
	  width: 100%;
	  margin-bottom: 20px;
	}
	
	#comSe1 tr {
	  display: block;
	}
	
	#comSe1 th {
		border-bottom: 1px dotted #fff;
		color: #dac495;
		display: block;
		padding: 15px 0 5px;
		font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", serif;;
	}
	
	#comSe1 td {
		border-bottom: 2px solid #fff;
		display: block;
		padding: 3% 0;
		margin-bottom: 20px;
	}
	
	#comSe1 .line {
		border-bottom: 2px solid #0A7C25;
	}
	
	
	#comSe1 #mImage img {
		width: auto;
	}
	
	/*--------------btn--------------*/
	
	#comSe2 {
	  margin: 0 auto;
	}
	
	#comSe2 li {
		width: 250px;
		display: block;
		margin: 0 auto;
	}
	
	
	#comSe2 li a {
		width: 250px;
		display: inline-block;
		position: relative;
		background-color: transparent;
		border: 1px solid #da2805;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		text-align: center;
		padding: 10px 0;
	}
	
	#comSe2 li p {
	  display: inline-block;
	  margin-bottom: 0;
	}
	
	#comSe2 li span {
	  display: table-cell;
	  position: relative;
	  z-index: 5;
	  vertical-align: middle;
	  font-size: 125%;
	  font-weight: bold;
	  color: #da2805;
	  -webkit-transition: all 0.3s ease-out;
	  transition: all 0.3s ease-out;
	}
	
	#comSe2 li a:hover span {
	  color: #FFFFFF;
	}
	
	#comSe2 li p:after {
	  width: 14px;
	  height: 16px;
	  display: block;
	  content: "";
	  position: absolute;
	  top: 60%;
	  margin-top: -1em;
	  right: 15px;
	  z-index: 5;
	  background: url(../../img/sp_company_img1.png) 20% center no-repeat;
	}
	
	#comSe2 li a:hover p:after {
	  background-image: url(../../img/sp_company_img2.png);
	}
	
	#comSe2 li p {
	  vertical-align: bottom;
	}
}