/* -----------------------------------------------------------------
@mixin
------------------------------------------------------------------ */
.headLine { margin-bottom: 55px; }

.headLine span { margin-bottom: -3px; }

.sponly { display: none; }

@media screen and (max-width: 950px) { .sponly { display: inherit; } }

#sdgs img { width: 100%; height: auto; }

#sdgs .lead { text-align: center; font-size: 25px; margin: 0 0 45px 0; }

#sdgs .lead span { display: inline-block; border-bottom: 2px solid #E1E1E1; font-weight: bold; margin: 0 0 20px 0; padding: 0 0 8px 0; }

#sdgs dl { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #E1E1E1; width: 750px; padding: 0 0 20px 0; margin: 0 auto 20px auto; }

#sdgs dl dt { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; width: 300px; }

#sdgs dl dt img { width: 120px; }

#sdgs dl dt img:nth-child(2n) { margin: 0 0 0 20px; }

#sdgs dl dd { width: 400px; }

#sdgs dl dd strong { display: block; font-size: 20px; margin: 0 0 20px 0; }

#sdgs dl dd p { font-size: 13px; line-height: 1.84615; }

#sdgs .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; margin: 0 0 65px 0; }

#sdgs .flex .left { width: 420px; }

#sdgs .flex .right { width: 460px; }

#sdgs .flex .right strong { display: block; font-size: 20px; margin: 0 0 20px 0; }

#sdgs .flex .right p { font-size: 13px; line-height: 1.84615; }

@media screen and (max-width: 950px) { #sdgs .lead { font-size: 16px; margin: 0 0 20px 0; }
  #sdgs .lead span { margin: 0 0 15px 0; padding: 0 0 4px 0; }
  #sdgs dl { width: 100%; margin: 0 auto 40px auto; }
  #sdgs dl dt { width: 35%; margin: 0; }
  #sdgs dl dt img { width: 48%; }
  #sdgs dl dt img:nth-child(2n) { margin: 0 0 0 4%; }
  #sdgs dl dd { width: 60%; }
  #sdgs dl dd strong { font-size: 14px; margin: 0 0 6px 0; }
  #sdgs dl dd p { font-size: 12px; }
  #sdgs .flex { flex-direction: column-reverse; margin: 0 0 65px 0; }
  #sdgs .flex .left { width: 80%; margin: 32px auto 0 auto; }
  #sdgs .flex .right { width: 100%; }
  #sdgs .flex .right strong { font-size: 14px; margin: 0 0 6px 0; }
  #sdgs .flex .right p { font-size: 12px; } }

.box { padding: 60px 10px 59px; background-color: #EDEDED; margin: 120px 0 0 0; }

.box .inner { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 750px; margin: 0 auto; }

.box .inner .left { width: 300px; }

.box .inner .left img { display: block; margin: 0 auto; }

.box .inner .right { width: 400px; }

.box .inner .right strong { display: block; font-size: 20px; margin: 0 0 20px 0; }

.box .inner .right p { font-size: 13px; line-height: 1.84615; }

.box .inner .right p.link { margin: 15px 0 0 0; }

.box .inner .right p.link a { text-decoration: underline; color: #AD1E32; }

.box .inner .right p.link a:hover { text-decoration: none; }

@media screen and (max-width: 950px) { .box { padding: 60px 10px 59px; margin: 120px 0 0 0; }
  .box .inner { flex-direction: column-reverse; width: 100%; }
  .box .inner .left { width: 80%; margin: 32px auto 0 auto; }
  .box .inner .right { width: 100%; }
  .box .inner .right strong { font-size: 14px; margin: 0 0 20px 0; }
  .box .inner .right p { font-size: 12px; } }