@import "../../../common/css/mixin";

.kv_img{
	background-image: url("../image/company/kv.jpg");
}

.company_area {
width: 100%;
max-width: 1040px;
margin: 0 auto 100px;
}


@media screen and (max-width: 768px){
.company_area {
margin-bottom: 50px;
padding: 0 5%;
}
}

.company_area .lower_links {
margin: 120px auto 0;
}

@media screen and (max-width: 768px){
	.company_area .lower_links {
display: block;
margin: 60px auto 0;
}
}

.company_area .lower_links > ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

@media screen and (max-width: 768px){
	.company_area .lower_links > ul {
display: block;
}
}

.company_area .lower_links > ul > li {
width: 500px;
background: #f9faf4;
padding: 50px 45px 0;
}

@media screen and (max-width: 768px){
	.company_area .lower_links > ul > li {
width: 100%;
height: auto;
padding: 30px 4%;
		margin-bottom:30px;
}
}

.company_area .lower_links > ul > li .icon {
text-align: center;
margin: 0 auto 15px;
width: 90px;
min-height: 95px;
display: flex;
justify-content: center;
align-items: center;
}

@media screen and (max-width: 768px){
	.company_area .lower_links > ul > li .icon {
margin: 0 auto 15px;
}
}

.company_area .lower_links > ul > li p.ttl {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #29A8DF;
font-size: 28px;
line-height: 1.4;
height: 2.8em;
box-sizing: content-box;
position: relative;
margin-bottom: 50px;
}

@media screen and (max-width: 768px){
	.company_area .lower_links > ul > li p.ttl {
height: auto;
font-size: 18px;
margin-bottom: 40px;
}
}

.company_area .lower_links > ul > li p.ttl:after {
content: "";
display: block;
width: 80px;
height: 1px;
background: #777;
position: absolute;
bottom: -30px;
left: calc(50% - 40px);
}

@media screen and (max-width: 768px){
	.company_area .lower_links > ul > li p.ttl:after {
bottom: -20px;
	}
}

.company_area .lower_links > ul > li p.txt {
font-size: 16px;
margin-bottom: 35px;
min-height: 50px;
}

@media screen and (max-width: 768px){
	.company_area .lower_links > ul > li p.txt {
font-size: 14px;
margin-bottom: 20px;
min-height: auto;
}
}

.company_area .lower_links > ul > li a {
width: 240px;
height: 45px;
margin: 0 auto 60px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 1;
color: #fff;
background: url(/common/img/icn_arw_r_white.png) no-repeat right 12px center #29A8DF;
transition: background-position 0.1s linear,opacity 0.3s ease-out;
}

@media screen and (max-width: 768px){
	.company_area .lower_links > ul > li a {
width: 200px;
height: 40px;
font-size: 14px;
margin-bottom: 0;
}
}

@media screen and (min-width: 768px){
	.company_area .lower_links > ul > li:nth-child(n+3) {
margin-top: 40px;
}
}

.kv_noimg h1 {
display: flex;
align-items: center;
color: #29A8DF;
}

.company_area .main {
display: flex;
align-items: center;
height: 355px;
margin-top: 40px;
background: url("../image/greetings/main_CEO.jpg") no-repeat left center;
}

@media screen and (max-width: 768px){
	.company_area .lead .main {
background-size: cover;
margin-top: 20px;
height: auto;
}
}

.company_area .main p {
font-size: 22px;
padding-left: 50px;
padding-right: 450px;
line-height: 2;
}

@media screen and (max-width: 768px){
.company_area .lead .main p {
font-size: 3.5vw;
padding: 50px 5%;
line-height: 1.6;
}
}

.company_area .txt {
font-size: 16px;
margin-top: 30px;
}

.company_area .lead .txt span.name {
display: block;
margin-top: 10px;
text-align: right;
}