.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

._sp{display: none!important;}

body{}

main #mv{background:#fff; width:100%; max-width:1000px; margin:0 auto 0 auto; padding:70px 0 100px 0; box-sizing: border-box; display: block;}
main #mv .image{margin-bottom:60px;}
main #mv h3{font-size:21px; line-height:1; font-weight: bold; color:#0599d9; display: block; width:150px; position: relative; float:left;}
main #mv h3:before{content:""; background:#0599d9; display: block; width:150px; height:1px; position:absolute; bottom:-10px; left:0;}
main #mv .lead{font-size:16px; line-height:1.75; display: block; width:calc(100% - 170px); float:right; position: relative; top:-6px;}

main #initiative{background:#fff; width:100%; max-width:1000px; margin:0 auto 0 auto; padding:0 0 100px 0; box-sizing: border-box; display: block;}
main #initiative h2{text-align:center; margin-bottom: 20px; line-height:1;}
main #initiative h2 .logo{display: block; margin-bottom:40px;}
main #initiative h2 .title{display: block; color:#c4113c; font-size:34px; font-weight: bold;}
main #initiative .lead{font-size:18px; line-height:1.8; text-align: center;}

main #detail{background:#fff; width:100%; max-width:1000px; margin:0 auto 0 auto; padding:0 0 0 0; box-sizing: border-box; display: block;}
main #detail h3{background:url(../../../images/company/sdgs/icon.png) #dff0e3 0 0 no-repeat; background-size:210px 210px; display:table; width:100%; height:210px; margin-bottom: 80px;}
main #detail h3 .frame{display:table-cell; width:100%; height:210px; vertical-align: middle; padding-left:250px; box-sizing:border-box;}
main #detail h3 .frame .title{font-size:32px; font-weight:bold; color:#1b973a; display:block;}
main #detail h3 .frame .lead{font-size:18px; width:100%; line-height:1.8; display:block; padding-right: 40px; box-sizing: border-box;}
main #detail ul.thema{margin-bottom:100px;}
main #detail ul.thema li{margin-bottom:60px;}
main #detail ul.thema li h4{margin-bottom:10px; font-weight:bold;}
main #detail ul.thema li h4 .title{font-size:28px; line-height:1.3; color:#1b973a; display:block; margin-bottom:20px; border-left:#1b973a 6px solid; padding-left:15px; box-sizing:border-box;}
main #detail ul.thema li h4 .sub{font-size:22px; display:block;}
main #detail ul.thema li .lead{font-size:18px; line-height:1.8;}
main #detail ul.thema li .image{width:46%;}
main #detail ul.thema li .image img{width:100%;}
main #detail ul.thema li .text{width:50%;}
main #detail ul.thema li:nth-child(2n - 1) .image,
main #detail ul.thema li:nth-child(2n) .text{float:left;}
main #detail ul.thema li:nth-child(2n) .image,
main #detail ul.thema li:nth-child(2n - 1) .text{float:right;}
main #detail ul.thema li .btn{margin-top:30px;}
main #detail ul.thema li .btn a{width:220px; height:60px; line-height:60px; font-size:18px; font-weight:bold; text-align: center; border:#b5b3b3 1px solid;}
main #detail ul.thema li .btn a span{padding-left:32px; background:url(../../../images/company/sdgs/icon_arrow.png) 0 50% no-repeat; background-size:12px 19px;}
main #detail .note{padding:20px 30px; box-sizing: border-box; background:#f6f6f6; font-size:16px; line-height: 1.7; margin-top:-60px;}
main #detail .note span{font-weight: bold;}

@media screen and (max-width: 900px) {
  main #detail h3 .frame .title{font-size:28px;}
  main #detail h3 .frame .lead{font-size:16px;}
}
@media screen and (max-width: 850px) {
  main #detail h3 .frame .title{font-size:26px;}
  main #detail h3 .frame .lead{font-size:14px;}
}

main #partner{background:#fff; width:100%; max-width:1000px; margin:0 auto 0 auto; padding:70px 0 100px 0; box-sizing: border-box; display: block;}
main #partner h3{font-size:22px; font-weight:bold; margin-bottom:10px;}
main #partner .lead{font-size:18px; line-height:1.8; margin-bottom:40px;}
main #partner .image{}

.sdgs-more-btn {
  color: #c60e3b;
  text-decoration: underline;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  transition: 0.3s;
}

.sdgs-more-btn:before {
  content: "▼";
  transform: rotate(-90deg);
  display: inline-block;
  font-size: 1.6rem;
  top: -4px;
  font-family: 'Font Awesome 5 Free';
  color: #C60E3B;
  padding-right: 7px;
  position: relative;
  font-weight: 900;
}