@charset "UTF-8";
.pc {
  display: block; }

.sp {
  display: none; }

#section01 {
  margin-top: 150px; }
  #section01 h1 {
    text-align: center;
    font-size: 50px;
    padding: 100px 0;
    color: white;
    background: #4B9BE0; }
  #section01 li {
    height: 300px;
    padding: 70px 0; }
    #section01 li:nth-child(odd) {
      background: #64AAE6; }
    #section01 li:nth-child(even) {
      background: #4B9BE0; }
  #section01 dt {
    width: 450px;
    font-size: 50px;
    font-weight: bold;
    color: white;
    margin: 0 auto; }
  #section01 dd {
    width: auto;
    font-size: 20px;
    display: table;
    margin: 30px auto 0 auto;
    color: white; }
  #section01 dt.text-line {
    display: flex;
    align-items: center; }
  #section01 dt.text-line:before,
  #section01 dt.text-line:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    /* 線の太さ */
    background: white;
    /* 線の色 */
    margin: 0 1.2em;
    /* 文字と線の余白 */ }

#section03 {
  padding: 150px 0; }
  #section03 h1 {
    text-align: center;
    font-size: 50px;
    color: #4B9BE0;
    background: white; }
  #section03 span {
    width: 100px;
    height: 1px;
    margin: 30px auto;
    background: gray;
    display: block; }
  #section03 p {
    font-size: 25px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 100px; }
  #section03 li {
    height: auto;
    padding: 70px 0;
    width: 600px;
    display: block;
    margin: 0 auto;
    border-top: solid thin gray; }
  #section03 dt {
    font-size: 35px;
    font-weight: bold;
    color: #4B9BE0;
    text-align: center; }
  #section03 dd {
    width: auto;
    font-size: 20px;
    display: table;
    margin: 30px auto 0 auto;
    color: black;
    text-align: justify; }

@media (max-width: 768px) {
  .pc {
    display: none; }

  .sp {
    display: block; }

  #section01 {
    margin-top: 0; }
    #section01 h1 {
      text-align: center;
      font-size: 35px;
      padding: 100px 0; }
    #section01 li {
      height: auto;
      padding: 50px 0; }
      #section01 li:nth-child(odd) {
        background: #64AAE6; }
      #section01 li:nth-child(even) {
        background: #4B9BE0; }
      #section01 li dt {
        width: 300px;
        font-size: 30px;
        font-weight: bold;
        color: white;
        margin: 0 auto; }
      #section01 li dd {
        width: 80%;
        font-size: 16px;
        display: table;
        margin: 30px auto 0 auto;
        color: white;
        text-align: justify; }
        #section01 li dd br {
          display: none; }
      #section01 li:not(:first-child) dd {
        text-align: center; }
      #section01 li dt.text-line {
        display: flex;
        align-items: center; }
      #section01 li dt.text-line:before,
      #section01 li dt.text-line:after {
        content: "";
        flex-grow: 1;
        height: 1px;
        /* 線の太さ */
        background: white;
        /* 線の色 */
        margin: 0 1.2em;
        /* 文字と線の余白 */ }

  #section03 {
    padding: 100px 0; }
    #section03 h1 {
      text-align: center;
      font-size: 35px;
      color: #4B9BE0;
      background: white; }
    #section03 span {
      width: 100px;
      height: 1px;
      margin: 30px auto;
      background: gray;
      display: block; }
    #section03 p {
      font-size: 20px;
      text-align: center;
      font-weight: bold;
      margin-bottom: 100px; }
    #section03 li {
      height: auto;
      padding: 70px 0;
      width: 85%;
      display: block;
      margin: 0 auto;
      border-top: solid thin gray; }
    #section03 dt {
      font-size: 25px;
      font-weight: bold;
      color: #4B9BE0;
      text-align: center; }
    #section03 dd {
      width: auto;
      font-size: 16px;
      display: table;
      margin: 30px auto 0 auto;
      color: black;
      text-align: justify; } }