@charset "utf-8";
.content_area.company h2{
	margin-bottom:40px;
}
.content_area.company .inner{
	max-width:1140px;
}
.company_sec.sec_01{
	padding-top:55px;
}
.company_message_area{
	position:relative;
}
.company_message_area:after{
	content:"";
	position:absolute;
	width:70%;
	height:calc(100% - 50px);
	top:50px;
	left:0;
	background:url(../img/company_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	z-index:-1;
}
.company_message{
	width:50%;
	padding-bottom:75px;
	color:#fff;
}
.message_img{
	position:absolute;
	right:0;
	top:0;
	width:48%;
}

.message_ttl{
	
}
.message_ttl span{
	display: inline-block;
    font-size: 7.0rem;
    font-family: "oswald", sans-serif;
    font-weight: 500;
    line-height: 1.0;
    letter-spacing: 0;
    color: #ed7b1f;
    background-image: linear-gradient(90deg, #2CA559 0%, #80BD4F 30%, #D4D545);
    background-position: left center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
}
.content_area.company .message_ttl h2{
	font-size:3.0rem;
	letter-spacing:0.1em;
	margin-top:-25px;
	margin-bottom:50px;
}
.message_catch{
	font-size:2.8rem;
	letter-spacing:0.1em;
	font-weight:700;
	line-height:1.7;
	margin-bottom:15px;
}
.signatur{
	text-align: right;
}
.signatur span{
	font-size:1.6rem;
	line-height:1.5;
}
.signatur p{
	font-size:2.0rem;
	margin-bottom:0;
	line-height:1.5;
}

.company_sec.sec_02{
	padding-top:150px;
}
.company_sec.sec_03{
	padding-top:100px;
}
.map_area{
	box-sizing: border-box;
    height: 425px;
    overflow: hidden;
    /*padding-bottom: 56.25%;*/
    position: relative;
	margin-bottom:35px;
}
.map_area iframe{
	position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.access{
	display:flex;
	flex-wrap:wrap;
}
.access_item:first-child{
	width:50%;
}
.access_item:last-child{
	width:48%;
	margin-left:2%;
}
.access h3{
	position:relative;
	font-size:1.8rem;
	line-height:1.6;
	font-weight:500;
	letter-spacing:0.05em;
	padding-left:20px;
	margin-bottom:15px;
}
.access h3:before{
	content:"";
	position:absolute;
	width:5px;
	height:20px;
	left:0;
	top:calc(50% - 10px);
	background:#9BC44B;
}

.company_sec.sec_04{
	padding:140px 0 110px 0;
}

.content_area a {
    color: #77B900;
}
.content_area a:hover {
    color: #77B900;
    text-decoration: underline;
}
.content_area a[href$=".pdf"] {
    padding-left: 20px;
    background: url(../img/icon_pdf.svg) no-repeat center left;
}

@media screen and (max-width: 767px){
	.content_area.company h2{
		margin-bottom:20px;
	}
	.company_sec.sec_01{
		padding-top:30px;
	}
	.company_message{
		width:100%;
		padding-bottom:40px;
	}
	.company_message_area:after{
		width:100%;
		top:20px;
		height:calc(100% - 20px);
	}
	.message_ttl span{
		font-size:4.0rem;
	}
	.content_area.company .message_ttl h2{
		font-size:2.2rem;
		margin-bottom:25px;
		margin-top: -20px;
	}
	.message_img{
		position:relative;
		width:100%;
		margin-bottom:20px;
	}
	.message_catch{
		font-size:2.0rem;
	}
	.signatur span{
		font-size:1.4rem;
	}
	.signatur p{
		font-size:1.6rem;
	}
	.company_sec.sec_02{
		padding-top:70px;
	}
	.company_sec.sec_03{
		padding-top:50px;
	}
	.access h3{
		font-size:1.6rem;
	}
	.access_item:first-child{
		width:100%;
	}
	.access_item:last-child{
		width:100%;
		margin-left:0;
	}
	.access_item > div{
		margin-bottom:20px;
	}
	
	.company_sec.sec_04{
		padding:70px 0 55px 0;
	}
}