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

._pc{display: none!important;}

body{}

main img{width:100%;}

main{padding:0!important;}
main #mv{background:#fff; margin:0 auto 0 auto; padding:35px 4% 50px 4%; box-sizing: border-box; display: block;}
main #mv .image{margin-bottom:30px;}
main #mv h3{text-align:center; margin-bottom:20px;}
main #mv h3 span{font-size:20px; line-height:1; font-weight: bold; color:#0599d9; display:inline-block; position: relative;}
main #mv h3 span:before{content:""; background:#0599d9; display: block; width:100%; height:1px; position:absolute; top:27px; left:0;}
main #mv .lead{font-size:13px; line-height:1.75; display: block;}

main #initiative{background:#fff; margin:0 auto 0 auto; padding:0 0 50px 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:30px;}
main #initiative h2 .logo img{width:100px;}
main #initiative h2 .title{display: block; color:#c4113c; font-size:22px; font-weight: bold;}
main #initiative .lead{font-size:13px; line-height:1.8; text-align: center;}

main #detail{background:#fff; margin:0 auto 0 auto; padding:0 0 45px 0; box-sizing: border-box; display: block;}
main #detail h3{background:url(../../../images/company/sdgs/icon.png) #dff0e3 0 0 no-repeat; background-size:85px 85px; display: table; width:100%; height:auto; margin-bottom:30px;}
main #detail h3 .frame{width:100%;}
main #detail h3 .frame .title{font-size:21px; line-height:1.3; font-weight:bold; color:#1b973a; display:table-cell; width:100%; height:85px; vertical-align: middle; padding-left:105px; box-sizing: border-box;}
main #detail h3 .frame .lead{font-size:13px; line-height:1.6; display:block; padding:15px 4%; box-sizing: border-box;}

main #detail ul.thema{margin-bottom:50px;}
main #detail ul.thema li{margin-bottom:30px;}
main #detail ul.thema li h4{margin-bottom:10px; font-weight:bold;}
main #detail ul.thema li h4 .title{font-size:21px; 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:15px; display:block;}

@media screen and (max-width:359px) {
  main #detail h3 .frame .title{font-size:19px;}
  main #detail ul.thema li h4 .title{font-size:19px;}
}

main #detail ul.thema li .lead{font-size:13px; line-height:1.8; margin-bottom: 30px;}
main #detail ul.thema li .image{width:100%; padding: 0 13.5%; box-sizing: border-box;}
main #detail ul.thema li .image.banner{margin-bottom:30px;}
main #detail ul.thema li .image img{width:100%;}
main #detail ul.thema li .text{width:100%; padding: 0 4%; box-sizing: border-box;}
/*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:40px 0 20px 0; padding:0 4%; box-sizing: border-box;}
main #detail ul.thema li .btn a{width:100%; height:45px; line-height:45px; font-size:14px; font-weight:bold; text-align: center; border:#b5b3b3 1px solid;}
main #detail ul.thema li .btn a span{background:url(../../../images/company/sdgs/icon_arrow.png) 25px 50% no-repeat; background-size:9px 15px; display: block;}
main #detail .note{padding:20px 4%; box-sizing: border-box; background:#f6f6f6; font-size:13px; line-height: 1.7; margin-top:-40px;}
main #detail .note span{font-weight: bold;}

main #partner{background:#fff; width:100%; margin:0 auto 0 auto; padding:0 0 50px 0; box-sizing: border-box; display: block;}
main #partner h3{font-size:15px; font-weight:bold; margin-bottom:10px; padding:0 4%; box-sizing:border-box;}
main #partner .lead{font-size:13px; line-height:1.8; margin-bottom:30px; padding:0 4%; box-sizing:border-box;}
main #partner .image{}
main #partner .image img{width:100%;}
.sdgs-more-btn {
  color: #c60e3b;
  text-decoration: underline;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  transition: 0.3s;
  margin-top: 20px;
}

.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;
}