@charset "utf-8";
/* Company Profile */
#profile{padding-top: 150px;}
#profile .content{max-width: 1240px;}

.heading{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; margin: 0 0 80px;}
.heading-photo{width: 245px;}
.heading-inner{width: calc(100% - 300px);}
.heading-pos{font-size: 1.4rem; margin: 0 0 10px;}
.heading-name{font-size: 2.4rem; line-height: 1; font-weight: 500;}
.heading-desc p{padding: 2em 0 0 0;}

.profile-hide{padding: 0 0 20px; display: none;}
.profile-tit{font-weight: 600; color: #1F9042; margin: 0 0 5px 1em; text-indent: -1em;}
.profile-row{margin: 0 0 35px;}

.profile-more{width: 260px; height: 48px; border: 1px solid #333; font-size: 1.4rem; letter-spacing: 0.1em; font-weight: 600; font-family: 'Josefin Sans', sans-serif; position: relative; text-align: center; padding: 14px 0 0 0; margin: 0 auto; cursor: pointer; transition: .3s;}
.profile-more i{position: absolute; width: 15px; height: 15px; top: 15px; right: 20px; display: block;}
.profile-more i:before,
.profile-more i:after{content: ''; position: absolute; display: block; background: #229244;}
.profile-more i:before{width: 100%; height: 1px; left: 0; top: 7px;}
.profile-more i:after{width: 1px; height: 100%; left: 7px; top: 0;}
.profile-more:hover{background: #229244; color: #fff; border: 1px solid #229244;}
.profile-more:hover i:before,
.profile-more:hover i:after{background: #fff;}

.btn-back a{width: 260px; height: 48px; margin: 20px auto 0; border: 1px solid #333; position: relative; font-family: 'Josefin Sans', sans-serif; text-align: center; padding: 14px 0 0 0; display: block; letter-spacing: 0.1em; font-size: 1.5rem; transition: .5s;}
.btn-back a:after{content: ''; position: absolute; top: 50%; right: 20px; margin-top: -3px;
border: solid #000; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.btn-back a:hover{background: #333; color: #fff;}
.btn-back a:hover:after{border: solid #fff; border-width: 0 1px 1px 0;}

@media (max-width: 767px){
	#profile{padding-top: 90px;}
	.heading{margin: 0 0 50px;}
    .heading-photo{width: 180px; margin: 0 auto 10px;}
	.heading-inner{width: 100%;}
	.heading-pos,
	.heading-name{text-align: center;}	
	.heading-desc p{padding: 1em 0 0 0;}
	
	.profile-hide{padding: 0 0 10px;}
	.profile-row{margin: 0 0 25px;}
}