* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style-type: none;
  text-decoration: none;
  font-family: YuMincho, "Yu Mincho", serif;
  font-weight: 100; }

@media (max-width: 768px) {
  #section01 {
    width: 100%;
    height: 500px;
    padding: 30px;
    background-image: url("../img/section01_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: -10; }
    #section01 img {
      width: 180px;
      position: absolute;
      z-index: -1;
      right: 10px;
      bottom: 30px; }
    #section01 p {
      font-size: 20px;
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 3px; }
    #section01 h1 {
      font-size: 60px;
      line-height: 1;
      padding-top: 180px;
      color: #CB3758; }
      #section01 h1 span {
        margin-left: -8px; }

  #section02 div {
    padding: 100px 0 10px 0;
    background-image: url("../img/section02_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 0px; }
    #section02 div h2 {
      font-size: 20px;
      color: #4D4D4D;
      text-align: center;
      letter-spacing: 2px; }
      #section02 div h2:before {
        content: "";
        display: inline-block;
        background-image: url("../img/line_top.png");
        background-size: contain;
        background-repeat: no-repeat;
        width: 22px;
        height: 42px;
        margin-bottom: -15px;
        margin-right: 10px; }
      #section02 div h2:after {
        content: "";
        display: inline-block;
        background-image: url("../img/line_bottom.png");
        background-size: contain;
        background-repeat: no-repeat;
        width: 22px;
        height: 42px;
        margin-bottom: -15px;
        margin-left: 10px; }
      #section02 div h2 span {
        font-size: 25px;
        color: #D2A02A; }
    #section02 div .fig {
      width: 250px;
      display: block;
      margin: 10px auto 0px auto; }
  #section02 dl {
    width: 100%; }
    #section02 dl img {
      width: 90%;
      display: block;
      margin: 30px auto 0 auto; }
    #section02 dl dt {
      font-size: 20px;
      color: #D2A02A;
      text-align: center;
      margin-bottom: 20px;
      letter-spacing: 2px; }
      #section02 dl dt span {
        font-size: 25px; }
    #section02 dl dd {
      color: #4D4D4D;
      font-size: 18px;
      width: 85%;
      display: block;
      margin: 0 auto;
      text-align: justify; }
      #section02 dl dd span {
        text-decoration: underline yellow;
        text-decoration-thickness: 3px; }
        #section02 dl dd span span {
          color: red; }
    #section02 dl .trouble {
      width: 100%; }

  #section03 {
    background-image: url("../img/section03_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0; }
    #section03 img {
      width: 150px;
      display: block;
      margin: 0 auto 30px auto; }
    #section03 ul {
      width: 90%;
      display: block;
      margin: 0 auto; }
      #section03 ul li {
        font-size: 20px;
        color: #4D4D4D;
        margin-bottom: 10px;
        /*&:before {
            content: "";
            display: inline-block;
            background-image: url("../img/check.jpg");
            background-size: contain;
            background-repeat: no-repeat;
            width: 35px;
            height: 27px;
            margin-bottom: -5px;
        }*/ }
        #section03 ul li img {
          width: 35px;
          display: inline-block;
          vertical-align: top;
          margin-right: 5px;
          margin-bottom: -3px; }
        #section03 ul li p {
          display: inline-block;
          width: 85%;
          vertical-align: top; }

  #section04 {
    background-image: url("../img/section04_bg.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 150px; }
    #section04 p {
      text-align: center;
      color: #4D4D4D;
      padding-top: 30px; }
    #section04 h2 {
      font-size: 30px;
      text-align: center;
      color: #CB3758; }

  #section05 {
    padding: 50px 0; }
    #section05 p {
      font-size: 25px;
      background: #E88179;
      padding: 10px 10px;
      text-align: center;
      width: 300px;
      letter-spacing: 2px;
      display: block;
      margin: 0 auto 20px auto;
      color: white; }
    #section05 img {
      width: 100%;
      margin-bottom: 10px; }
    #section05 .example {
      width: 85%;
      display: block;
      margin: 0 auto 20px auto; }
    #section05 a {
      font-size: 25px;
      color: white;
      background: #D2A02A;
      width: 300px;
      padding: 10px;
      text-align: center;
      display: block;
      margin: 30px auto 0 auto;
      border-radius: 5px; }
      #section05 a:hover {
        opacity: 0.5; }
      #section05 a:after {
        content: "";
        background: url("../img/arrow_link.svg");
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        display: inline-block;
        background-size: contain;
        margin-bottom: -8px;
        margin-left: 10px; }

  #section06 {
    position: relative;
    padding-bottom: 100px; }
    #section06 .top {
      width: 100%;
      position: absolute;
      top: 0;
      z-index: -5; }
    #section06 .bottom {
      width: 100%;
      position: absolute;
      bottom: 0;
      z-index: -5; }
    #section06 h2 {
      font-size: 20px;
      color: #D2A02A;
      text-align: center;
      letter-spacing: 2px;
      padding-top: 100px; }
      #section06 h2:before {
        content: "";
        display: inline-block;
        background-image: url("../img/line_top.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        width: 22px;
        height: 42px;
        margin-bottom: -15px;
        margin-right: 10px; }
      #section06 h2:after {
        content: "";
        display: inline-block;
        background-image: url("../img/line_bottom.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        width: 22px;
        height: 42px;
        margin-bottom: -15px;
        margin-left: 10px; }
      #section06 h2 span {
        font-size: 25px; }
    #section06 ul {
      width: 90%;
      display: block;
      margin: 30px auto 0 auto; }
      #section06 ul li {
        position: relative;
        padding: 30px 0;
        border-bottom: solid thin gray; }
        #section06 ul li:last-of-type {
          border-bottom: none; }
        #section06 ul li h3 {
          font-size: 25px;
          color: #CB3758; }
        #section06 ul li img {
          width: 120px;
          position: absolute;
          top: 30px;
          right: 0;
          z-index: -1; }
        #section06 ul li p {
          font-size: 18px;
          text-align: justify;
          margin-top: 20px; }
        #section06 ul li .name {
          font-size: 16px; }

  #section07 img {
    width: 100%;
    display: block; }

  #section08 {
    padding: 70px 0;
    width: 100%; }
    #section08 img {
      width: 85%;
      display: block;
      margin: 0 auto 50px auto; }
    #section08 video {
      display: block;
      margin: 0 auto;
      height: 380px; }

  #section09 .title {
    background: #CB3758;
    width: 100%;
    padding: 10px 0;
    font-size: 25px;
    text-align: center;
    color: white;
    margin-bottom: 30px; }
  #section09 li:nth-of-type(even) {
    background: #E5E5E5; }
  #section09 li dl {
    width: 85%;
    display: block;
    margin: 0 auto;
    padding: 20px 0; }
    #section09 li dl dt {
      display: inline-block;
      margin-right: 10px;
      vertical-align: middle; }
      #section09 li dl dt img {
        width: 40px; }
    #section09 li dl dd {
      font-size: 18px;
      display: inline-block;
      vertical-align: middle;
      color: #4D4D4D; }
    #section09 li dl .q {
      color: #CB3758; }
  #section09 li .arrow {
    width: 85%;
    display: block;
    margin: 0 auto; }

  #section10 {
    padding-bottom: 120px; }
    #section10 .title {
      background: #D2A02A;
      width: 100%;
      padding: 10px 0;
      font-size: 25px;
      text-align: center;
      color: white;
      margin-bottom: 30px; }
    #section10 table {
      border-collapse: collapse;
      width: 90%;
      margin: 0 auto; }
      #section10 table tr {
        border-bottom: solid thin gray; }
        #section10 table tr:last-of-type {
          border-bottom: none; }
        #section10 table tr td {
          padding: 10px; }
          #section10 table tr td:first-of-type {
            border-right: solid thin gray; }

  #btn a {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    background: #E88179;
    color: white;
    display: block;
    text-align: center;
    font-size: 25px; }
    #btn a:after {
      content: "";
      background: url("../img/arrow_link.svg");
      width: 30px;
      height: 30px;
      background-repeat: no-repeat;
      display: inline-block;
      background-size: contain;
      margin-bottom: -8px;
      margin-left: 10px; } }
@media (min-width: 768px) {
  #section01 {
    width: 100%;
    height: 500px;
    padding: 30px;
    background-image: url("../img/section01_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: -10; }
    #section01 div {
      width: 800px;
      display: block;
      margin: 0 auto;
      position: relative; }
      #section01 div img {
        width: 180px;
        position: absolute;
        z-index: -1;
        right: 150px;
        top: 0px; }
      #section01 div p {
        font-size: 20px;
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
        margin-left: 150px; }
      #section01 div h1 {
        font-size: 60px;
        line-height: 1;
        padding-top: 180px;
        color: #CB3758;
        margin-left: 150px; }
        #section01 div h1 span {
          margin-left: -8px; }

  #section02 div {
    padding: 180px 0 0 0;
    width: 900px;
    height: 500px;
    display: block;
    margin: 50px auto 0 auto;
    background-image: url("../img/section02_bg.jpg");
    background-color: rgba(255, 255, 255, 0.5);
    background-size: cover;
    background-repeat: no-repeat; }
    #section02 div h2 {
      font-size: 40px;
      color: #4D4D4D;
      text-align: center;
      letter-spacing: 2px; }
      #section02 div h2:before {
        content: "";
        display: inline-block;
        background-image: url("../img/line_top.png");
        background-size: contain;
        background-repeat: no-repeat;
        width: 22px;
        height: 42px;
        margin-bottom: -15px;
        margin-right: 10px; }
      #section02 div h2:after {
        content: "";
        display: inline-block;
        background-image: url("../img/line_bottom.png");
        background-size: contain;
        background-repeat: no-repeat;
        width: 22px;
        height: 42px;
        margin-bottom: -15px;
        margin-left: 10px; }
      #section02 div h2 span {
        font-size: 60px;
        color: #D2A02A; }
    #section02 div .fig {
      width: 300px;
      display: block;
      margin: 20px auto 50px auto; }
  #section02 dl {
    width: 900px;
    margin: 0 auto;
    display: block; }
    #section02 dl img {
      width: 100%;
      display: block;
      margin: 30px auto 0 auto; }
    #section02 dl dt {
      font-size: 20px;
      color: #D2A02A;
      text-align: center;
      margin-bottom: 20px;
      letter-spacing: 2px; }
      #section02 dl dt span {
        font-size: 25px; }
    #section02 dl dd {
      color: #4D4D4D;
      font-size: 18px;
      width: 85%;
      display: block;
      margin: 0 auto;
      text-align: justify; }
      #section02 dl dd span {
        text-decoration: underline yellow;
        text-decoration-thickness: 3px; }
        #section02 dl dd span span {
          color: red; }
    #section02 dl .trouble {
      width: 100%; }

  #section03 {
    background-image: url("../img/section03_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0; }
    #section03 img {
      width: 150px;
      display: block;
      margin: 0 auto 30px auto; }
    #section03 ul {
      width: 630px;
      display: block;
      margin: 0 auto; }
      #section03 ul li {
        font-size: 20px;
        color: #4D4D4D;
        margin-bottom: 10px;
        /*&:before {
            content: "";
            display: inline-block;
            background-image: url("../img/check.jpg");
            background-size: contain;
            background-repeat: no-repeat;
            width: 35px;
            height: 27px;
            margin-bottom: -5px;
        }*/ }
        #section03 ul li img {
          width: 35px;
          display: inline-block;
          vertical-align: top;
          margin-right: 5px;
          margin-bottom: -3px; }
        #section03 ul li p {
          display: inline-block;
          width: 85%;
          vertical-align: top; }

  #section04 {
    background-image: url("../img/section04_bg.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 200px; }
    #section04 p {
      text-align: center;
      color: #4D4D4D;
      padding-top: 40px;
      font-size: 25px; }
    #section04 h2 {
      font-size: 50px;
      text-align: center;
      color: #CB3758; }

  #section05 {
    padding: 50px 0; }
    #section05 p {
      font-size: 40px;
      background: #E88179;
      padding: 10px 10px;
      text-align: center;
      width: 500px;
      letter-spacing: 2px;
      display: block;
      margin: 0 auto 20px auto;
      color: white; }
    #section05 img {
      width: 900px;
      margin-bottom: 10px;
      display: block;
      margin: 0 auto 30px auto; }
    #section05 .example {
      width: 600px;
      display: block;
      margin: 0 auto 20px auto; }
    #section05 a {
      font-size: 25px;
      color: white;
      background: #D2A02A;
      width: 300px;
      padding: 10px;
      text-align: center;
      display: block;
      margin: 70px auto 70px auto;
      border-radius: 5px; }
      #section05 a:hover {
        opacity: 0.5; }
      #section05 a:after {
        content: "";
        background: url("../img/arrow_link.svg");
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        display: inline-block;
        background-size: contain;
        margin-bottom: -8px;
        margin-left: 10px; }

  #section06 {
    position: relative;
    padding-bottom: 100px;
    padding-top: 100px;
    width: 900px;
    display: block;
    margin: 0 auto; }
    #section06 .top {
      width: 100%;
      position: absolute;
      top: 0;
      z-index: -5; }
    #section06 .bottom {
      width: 100%;
      position: absolute;
      bottom: 0;
      z-index: -5; }
    #section06 h2 {
      font-size: 40px;
      color: #D2A02A;
      text-align: center;
      letter-spacing: 2px;
      padding-top: 100px; }
      #section06 h2:before {
        content: "";
        display: inline-block;
        background-image: url("../img/line_top.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        width: 22px;
        height: 42px;
        margin-bottom: -15px;
        margin-right: 10px; }
      #section06 h2:after {
        content: "";
        display: inline-block;
        background-image: url("../img/line_bottom.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        width: 22px;
        height: 42px;
        margin-bottom: -15px;
        margin-left: 10px; }
      #section06 h2 span {
        font-size: 25px; }
    #section06 ul {
      width: 900px;
      height: 500px;
      display: block;
      margin: 30px auto 0 auto; }
      #section06 ul li {
        position: relative;
        padding: 30px 0;
        display: inline-block;
        width: 400px;
        margin-left: 20px;
        margin-right: 20px; }
        #section06 ul li h3 {
          font-size: 25px;
          color: #CB3758; }
        #section06 ul li img {
          width: 120px;
          position: absolute;
          top: 30px;
          right: 0;
          z-index: -1; }
        #section06 ul li p {
          font-size: 18px;
          text-align: justify;
          margin-top: 20px; }
        #section06 ul li .name {
          font-size: 16px; }

  #section07 img {
    width: 900px;
    display: block;
    margin: 0 auto; }

  #section08 {
    padding: 50px 0 150px 0;
    margin-top: 100px; }
    #section08 img {
      width: 800px;
      display: block;
      margin: 0 auto 100px auto; }
    #section08 video {
      display: block;
      margin: 0 auto; }

  #section09 .title {
    background: #CB3758;
    width: 100%;
    padding: 10px 0;
    font-size: 25px;
    text-align: center;
    color: white;
    margin-bottom: 30px; }
  #section09 ul {
    width: 400px;
    display: block;
    margin: 0 auto; }
    #section09 ul li:nth-of-type(even) {
      background: #E5E5E5; }
    #section09 ul li dl {
      width: 85%;
      display: block;
      margin: 0 auto;
      padding: 20px 0; }
      #section09 ul li dl dt {
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle; }
        #section09 ul li dl dt img {
          width: 40px; }
      #section09 ul li dl dd {
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
        color: #4D4D4D; }
      #section09 ul li dl .q {
        color: #CB3758; }
    #section09 ul li .arrow {
      width: 85%;
      display: block;
      margin: 0 auto; }

  #section10 {
    padding-bottom: 120px;
    margin-top: 70px; }
    #section10 .title {
      background: #D2A02A;
      width: 100%;
      padding: 10px 0;
      font-size: 25px;
      text-align: center;
      color: white;
      margin-bottom: 30px; }
    #section10 table {
      border-collapse: collapse;
      width: 400px;
      margin: 0 auto; }
      #section10 table tr {
        border-bottom: solid thin gray; }
        #section10 table tr:last-of-type {
          border-bottom: none; }
        #section10 table tr td {
          padding: 10px; }
          #section10 table tr td:first-of-type {
            border-right: solid thin gray; }

  #btn {
    display: none; }
    #btn a {
      width: 100%;
      margin: 0 auto;
      display: block;
      padding: 10px 0;
      position: fixed;
      bottom: 0;
      background: #E88179;
      color: white;
      display: block;
      text-align: center;
      font-size: 25px; }
      #btn a:after {
        content: "";
        background: url("../img/arrow_link.svg");
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        display: inline-block;
        background-size: contain;
        margin-bottom: -8px;
        margin-left: 10px; } }