#big-mofu.container {
  padding-top: 30px; }
  @media (max-width: 480px) {
    #big-mofu.container {
      padding-top: 10px; } }
#big-mofu .topTitle {
  width: 96.6%;
  margin: 0 auto; }
#big-mofu .topImage {
  width: 91.7%;
  margin: 0 auto 80px; }
  @media (max-width: 1024px) {
    #big-mofu .topImage {
      margin-bottom: 40px; } }
  @media (max-width: 480px) {
    #big-mofu .topImage {
      margin-bottom: 20px; } }
#big-mofu .categoryTitle {
  width: 29%;
  margin: 0 auto 135px; }
  @media (max-width: 1024px) {
    #big-mofu .categoryTitle {
      margin-bottom: 65px; } }
  @media (max-width: 480px) {
    #big-mofu .categoryTitle {
      width: 45%;
      margin-bottom: 30px; } }
#big-mofu .title {
  width: 55.4%;
  margin: 0 auto 20px; }
  @media (max-width: 480px) {
    #big-mofu .title {
      margin-bottom: 10px; } }
#big-mofu .text01 {
  width: 550px;
  margin: 0 auto 130px;
  font-size: 16rem;
  line-height: 2.0; }
  @media (max-width: 1024px) {
    #big-mofu .text01 {
      max-width: 550px;
      width: 100%;
      margin-bottom: 65px; } }
  @media (max-width: 480px) {
    #big-mofu .text01 {
      font-size: 12rem;
      margin-bottom: 30px;
      line-height: 1.75; } }
  #big-mofu .text01 .document {
    margin-bottom: 1.5em; }
#big-mofu .explanationBlock {
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (max-width: 480px) {
    #big-mofu .explanationBlock {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-bottom: 50px; } }
  #big-mofu .explanationBlock .documentBox {
    width: 50%; }
    @media (max-width: 480px) {
      #big-mofu .explanationBlock .documentBox {
        width: 100%;
        margin-bottom: 10px; } }
    #big-mofu .explanationBlock .documentBox .document {
      display: inline-block;
      color: #000;
      font-size: 16px;
      line-height: 2.0; }
      @media (max-width: 480px) {
        #big-mofu .explanationBlock .documentBox .document {
          display: block;
          font-size: 12px;
          line-height: 1.5; } }
  #big-mofu .explanationBlock .illustrationBox {
    width: 50%; }
    @media (max-width: 480px) {
      #big-mofu .explanationBlock .illustrationBox {
        width: 100%; } }
  #big-mofu .explanationBlock.explanation01, #big-mofu .explanationBlock.explanation03 {
    flex-direction: row-reverse; }
    @media (max-width: 480px) {
      #big-mofu .explanationBlock.explanation01, #big-mofu .explanationBlock.explanation03 {
        flex-direction: column; } }
  #big-mofu .explanationBlock.explanation01 .documentBox .document {
    padding-left: 30px; }
    @media (max-width: 480px) {
      #big-mofu .explanationBlock.explanation01 .documentBox .document {
        padding-left: 0; } }
  #big-mofu .explanationBlock.explanation01 .illustrationBox {
    text-align: right; }
    @media (max-width: 480px) {
      #big-mofu .explanationBlock.explanation01 .illustrationBox {
        text-align: center; } }
    #big-mofu .explanationBlock.explanation01 .illustrationBox img {
      width: 81%; }
  #big-mofu .explanationBlock.explanation02 .documentBox {
    text-align: right; }
    @media (max-width: 480px) {
      #big-mofu .explanationBlock.explanation02 .documentBox {
        text-align: start; } }
    #big-mofu .explanationBlock.explanation02 .documentBox .document {
      text-align: left;
      padding-right: 35px; }
      @media (max-width: 480px) {
        #big-mofu .explanationBlock.explanation02 .documentBox .document {
          text-align: start;
          margin-right: 0; } }
  @media (max-width: 480px) {
    #big-mofu .explanationBlock.explanation02 .illustrationBox {
      text-align: center; } }
  #big-mofu .explanationBlock.explanation02 .illustrationBox img {
    width: 49.4%;
    margin-left: 40px; }
    @media (max-width: 480px) {
      #big-mofu .explanationBlock.explanation02 .illustrationBox img {
        margin-left: 0; } }
  #big-mofu .explanationBlock.explanation03 .documentBox .document {
    padding-left: 30px; }
    @media (max-width: 480px) {
      #big-mofu .explanationBlock.explanation03 .documentBox .document {
        padding-left: 0; } }
  #big-mofu .explanationBlock.explanation03 .illustrationBox {
    text-align: right; }
    @media (max-width: 480px) {
      #big-mofu .explanationBlock.explanation03 .illustrationBox {
        text-align: center; } }
    #big-mofu .explanationBlock.explanation03 .illustrationBox img {
      width: 74.9%; }
  #big-mofu .explanationBlock.explanation04 {
    margin-bottom: 190px; }
    @media (max-width: 1024px) {
      #big-mofu .explanationBlock.explanation04 {
        margin-bottom: 80px; } }
    @media (max-width: 480px) {
      #big-mofu .explanationBlock.explanation04 {
        margin-bottom: 40px; } }
    #big-mofu .explanationBlock.explanation04 .documentBox {
      text-align: right; }
      @media (max-width: 480px) {
        #big-mofu .explanationBlock.explanation04 .documentBox {
          text-align: start; } }
      #big-mofu .explanationBlock.explanation04 .documentBox .document {
        text-align: left; }
        @media (max-width: 480px) {
          #big-mofu .explanationBlock.explanation04 .documentBox .document {
            text-align: start; } }
    @media (max-width: 480px) {
      #big-mofu .explanationBlock.explanation04 .illustrationBox {
        text-align: center; } }
    #big-mofu .explanationBlock.explanation04 .illustrationBox img {
      width: 57.2%;
      margin-left: 40px; }
      @media (max-width: 480px) {
        #big-mofu .explanationBlock.explanation04 .illustrationBox img {
          margin-left: 0; } }
#big-mofu .mark {
  margin: 150px auto 0;
  width: 193px; }
  @media (max-width: 1024px) {
    #big-mofu .mark {
      margin-top: 75px;
      width: 20%; } }
  @media (max-width: 480px) {
    #big-mofu .mark {
      margin-top: 40px;
      width: 31%; } }