@charset "UTF-8";

/*====================
{{スマホを基本設計にする}}
 - 〜320px：SP縦
 - 480px〜599px：SP横
 - 600px〜959px：タブレット
 - 960px〜1279px：小型PC
 - 1280px〜：大型PC
====================*/
/* 〜320px：SP縦
------------------------------ */


/* -------------aboutページ---------------- */
.head-con-about{
	position: relative;
}

.head-con-img-about{
	background: url("../img/about/about-header.jpg") no-repeat;
	background-size: cover;
	background-position: bottom;
	background-attachment: fixed;
}

/*// iphoneだけに効くCSS*/
.iphone .head-con-img-about{
	background: url("../img/about/about-header.jpg") no-repeat;
	background-size: cover;
	background-position: bottom;
}

.president-con{
	padding: 50px 0 0;
}

.president-bg{
	position:absolute;
	top: 500px;
	display: block;
background: #EDF8EB;
	width:100%;
	height: 500px;
	z-index: -90;
}

/*社長写真*/
.president-text img{
	display: block;
	width: 100%;
	max-width: 1000px;
	height: auto;
	margin:  calc(30px + 70 * (100vw - 320px)/880) auto 30px;
}

.president-text p{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto calc(50px + 150 * (100vw - 320px)/880);
	line-height: 2;
}

/*.about-info-con{
	background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(237,248,235,1) 100%);
	width: 100%;
	padding:50px 0 calc(50px + 150 * (100vw - 320px)/880); 
}*/

/*企業理念*/
.philosophy-img{
	display: block;
	width: 90%;
	max-width: 600px;
	height: auto;
	margin:0 auto 30px;
}

/*会社情報*/
/*テーブル*/
.about-info-flex-con{
	display: flex;
	flex-wrap: wrap;
	max-width: 1100px;
	margin: 0 auto;
}

.about-info-table-con{
	width: 90%;
	margin: 0 auto;
}

.about-info-table-con th{
	text-align: left;
}

.about-info-table-con td{
	text-align: right;
}

.about-info-flex-con h1{
	width: 100%;
	color: #FFF;
	margin: 30px auto 0;
	padding: 5px;
}

.form-table-about-info li{
	padding: 5px 0px;
	border-bottom: solid 1px rgba(94,94,94,0.5);
}

.about-info-table-con table{
	width: 100%;
}

.form-table-about-info tr{
	border-bottom: solid 1px rgba(94,94,94,0.5);
}


/* -------------companyページ---------------- */

/*company・contactヘッダー*/
.head-con-other{
	position: relative;
	padding-bottom:calc(100px + 100 * (100vw - 320px)/880);
}

.head-con-other img{
	width: 100%;
	height:calc(200px + 200 * (100vw - 320px)/880);
	object-fit: cover;
	object-position: 90%;
}

.head-text-ohter{
	position: absolute;
	top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	color: #FFF;
}

.head-text-ohter {
	text-align: center;	
}

/*所在地*/
.company-add-con-pc{
	display: none;
}

.company-add-con-sp span,.company-add-con-pc span{
	font-weight: bold;
}

/*保有機械*/
.company-possession-con p{
	text-align: left;
	margin-left: 10px;
}

.map{
	width: 100%;
	height: 300px;
	margin: calc(100px + 200 * (100vw - 320px)/880) 0 0;
	position: relative;
	top: 10px;
}


/* -------------問い合わせ---------------- */

.contact-con{
	margin: 0 auto;
}

.form-must{
	color:red;
	font-size:10px;
}

.form-table-contact{
border-collapse: separate;
border-spacing:20px;/* 行間 */
	margin:auto 0;
	letter-spacing: -0.5rem;
	width: 100%;
}

.form-table-contact th{
	text-align:left;
	width: 180px;
	vertical-align: top;
}


.form-warp p{
	font-size:1.2rem;
	padding-bottom:10px;
}


.form-td{
	width: 100%;
	height:30px;
	background: #F3F3F3; 
	border: none;
}

.form-textarea{
	width: 100%;
	height: 250px;
	background: #F3F3F3; 
	border: none;
}

.form-table-contact th,.form-table-contact td{
	display:block;
	letter-spacing: 0.1rem;
}

.form-warp{
	width:100%;
	margin:50px auto;
	max-width: 1200px;
}

.form-warp p{
	font-size:1.2rem;
	padding-bottom:10px;
}

.form-privacy{
	height:200px;
	border: 1px solid #000;      /* わかりやすくボーダーを引く */
  overflow-y: scroll; 
  padding:10px;
  font-size:14px;
}

.privacy-sub{
	margin: 10px 0 100px;
}

.form-sub{
	text-align:center;
}

input[type="submit"],
input[type="button"],input[type="reset"] {
	font-weight: bold;
	font-size: 1.6rem;
	color: #FFF;
	background: #15520D;
	padding: 10px 0px;
	width: 200px;
	border: none;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration ,
input[type="reset"]::-webkit-search-decoration{
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus,
input[type="reset"]::focus{
  outline-offset: -2px;
}

input[type="submit"]:hover,
input[type="reset"]:hover
 {
  background:#000;
	 transition:0.5s;
}





/* 320px〜599px：SP横
------------------------------ */
@media screen and (min-width:320px) {
	

}

/* 600px〜959px：タブレット
------------------------------ */
@media screen and (min-width:600px)  {	
	.about-info-table-con{
	max-width: 45%;
}
	
	.president-bg{
	position:absolute;
	top:400px;
		height: 700px;
}
	
/*所在地*/
	.company-add-con-sp{
		display: none;
	}	
	
.company-add-con-pc{
	display:flex;
}
	
/*お問い合わせ*/
.form-table-contact th,.form-table-contact td{
	display:inline-block;
}
	
.form-table-contact th{
	width:30% ;
	display:revert;
}
	
.form-table-contact td{
	width:70% ;
	display:revert;
}

}


@media screen and (min-width:960px)  {

/* -------------companyページ---------------- */
/*保有機械*/
.company-possession-con{
	justify-content: flex-start;
}
	
}