@charset "utf-8";

/*-----------------------------
　　　TOP画像、画像上会社名
-----------------------------*/

.hed{
	position: relative;
}

.hed-title{
	position: absolute;
	color: #036200;
	font-size: 45px;
	letter-spacing: 5px;
	width: 100%;
	text-align: center;
	top: 40%;
	left: 50%;	
	transform: translate(-50%,-50%);
	text-shadow    : 
       2px  2px 1px #fff,
      -2px  2px 1px #fff,
       2px -2px 1px #fff,
      -2px -2px 1px #fff,
       2px  0px 1px #fff,
       0px  2px 1px #fff,
      -2px  0px 1px #fff,
       0px -2px 1px #fff;
}

.hed-title a {
    text-decoration: none;
    color: #036200;
}


/*-----------------------------
　　　　　　会社概要
-----------------------------*/
.main{
	max-width: 1100px;
	margin: 5% auto;
}

/*　　お問い合わせ文字
-------------------------*/
h2 {
    text-align: center;
    font-size: 28px;
    border-bottom: 7px solid #036200;
}


/*　　　　概要部分
-------------------------*/

.info-contents {
    text-align: center;

}

.info-midashi {
    font-weight: bold;
    width: 30%;
}

.info-naiyou {
    width: 65%;
    text-align: left;
    padding-left: 5%;
}

.info-item {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #888;
    padding: 2%;
}

.info-item:last-child {
    border-bottom: none;
}

/*-----------------------------
　　　　　　フッター
-----------------------------*/

footer {
    text-align: center;
    margin-top: 5%;
}


/*-----------------------------
　　　　　お問い合わせボタン
-----------------------------*/

.mail a{
    width: 300px;
    font-size: 22px;
    text-align: center;
    padding: 1%;
    background-color: #036200;
    color: #fff;
    border-radius: 5px;
	position: fixed;
    bottom: 30px;
    right: 1%;
	text-decoration: none;
}

.mail a:hover {
    color: #036200;
    background-color: #99f096;
	text-decoration: none;
}


/*-----------------------------
　　　　タブレットサイズ
-----------------------------*/

@media screen and ( max-width:1059px){
.hed-title {
    font-size: 30px;
}
	
h2 {
    font-size: 23px;
}
	
.main {
    max-width: 900px;
}
	
.info-midashi {
    width: 25%;
}
}

@media screen and ( max-width:876px){
.main {
    max-width: 700px;
}	
.info-midashi {
    width: 20%;
}
}


/*-----------------------------
　　　　　　SPサイズ
-----------------------------*/

@media screen and ( max-width:700px){
.hed-title {
    font-size: 20px;
}
	
h2 {
    font-size: 18px;
    border-bottom: 2px solid #036200;
}
.mail {
    font-size: 17px;
    width: 200px;
}
.info-contents {
    font-size: 14px;
}	
}


@media screen and ( max-width:504px){
.top-img {
    height: 30vw;
}
	
.info-naiyou {
    width: 75%;
	}
}