@charset "utf-8";

/* .company-sdgs */
.company-sec05 {
margin-bottom: 120px;
}
.company-sdgs-msg {
font-weight: 700;
font-size: 26px;
text-align: center;
margin-bottom: 50px;
}
.company-sdgs-box01 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.company-sdgs-box01 .company-sdgs-box01-flexl {
width: 100%;
max-width: 540px;
height: auto;
margin: 0 40px 60px 20px;
}
.company-sdgs-box01 .company-sdgs-box01-flexr {
width: 100%;
max-width: 480px;
margin: 0 20px 60px 40px;
}
.company-sdgs-ttl {
position: relative;
border-bottom: solid 5px #f3f4f4;
font-weight: 700;
font-size: 26px;
margin-bottom: 50px;
padding-bottom: 10px;
}
.company-sdgs-ttl::before {
content: '';
position: absolute;
background: #898989;
display: block;
width: 100px;
height: 5px;
left: 0;
bottom: -5px;
}
.company-sdgs-box02 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.company-sdgs-box02 .box {
box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
background: #fff;
padding: 30px 40px 75px;
line-height: 1.8;
width: 31.5%;
position: relative;
}
.company-sdgs-box02 .box .company-sdgs-box02-ttl {
font-weight: 700;
font-size: 20px;
margin-bottom: 20px;
}
.company-sdgs-box02 .box p {
margin-bottom: 20px;
}
.company-sdgs-box02 .box figure {
display: flex;
}
.company-sdgs-box02 .box figure > div + div {
margin-left: 20px;
}
.company-sdgs-box02 .box::before {
position: absolute;
right: 30px;
bottom: 0;
display: inline-block;
color: #f3f4f5;
font-size: 96px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: .68;
letter-spacing: .1em;
}
.company-sdgs-box02 .box:nth-child(1)::before {
content: '01';
}
.company-sdgs-box02 .box:nth-child(2)::before {
content: '02';
}
.company-sdgs-box02 .box:nth-child(3)::before {
content: '03';
}


/* .company-sbt */
.company-sec06 {
margin-bottom: 120px;
}
.company-sbt-msg {
font-weight: 700;
font-size: 26px;
text-align: center;
margin-bottom: 50px;
}
.company-sbt-box01 {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.company-sbt-box01 .company-sbt-box01-flexl {
width: 100%;
max-width: 540px;
height: auto;
margin: 0 40px 60px 20px;
}
.company-sbt-box01 .company-sbt-box01-flexr {
width: 100%;
max-width: 480px;
margin: 0 20px 0 40px;
}
.company-sbt-box01 .company-sbt-box01-flexr .small {
  font-size: 12px;
}

@media screen and (max-width: 768px) {
.company-sec05 {
margin-bottom: 40px;
}
.company-sdgs-msg {
font-size: 2rem;
margin-bottom: 30px;
}
.company-sdgs-box01 .company-sdgs-box01-flexl {
margin: 20px auto 15px;
}
.company-sdgs-box01 .company-sdgs-box01-flexr {
margin: 15px auto 30px;
}
.company-sdgs-ttl {
font-size: 2rem;
margin-bottom: 30px;
}
.company-sdgs-box02 .box .company-sdgs-box02-ttl {
font-size: 1.75rem;
margin-bottom: 10px;
}
.company-sdgs-box02 {
flex-direction: column;
justify-content: center;
}
.company-sdgs-box02 .box{
width: 100%;
padding:8% 8% 50px;
line-height:1.6;
margin-bottom: 8%;
}
.company-sdgs-box02 .box::before {
right: 10px;
font-size: 70px;
}

/* .company-sbt */
.company-sec06 {
margin-bottom: 40px;
}
.company-sbt-msg {
font-size: 2rem;
margin-bottom: 30px;
}
.company-sbt-box01 .company-sbt-box01-flexl {
margin: 20px auto 15px;
}
.company-sbt-box01 .company-sbt-box01-flexr {
margin: 15px auto 30px;
}
}