@import url("https://fonts.googleapis.com/css?family=Open+Sans");
/*color*/
/*other*/


.flex{
  display: flex;
  justify-content: space-around;
}

nav li.active::before{
  left: -11px;
}

figure {
	max-width: 360px;
	margin: 0 auto;
}

.back2 {
	width: 100%;
	position: absolute;
	z-index: -2;
}


table , td, th {
  border-collapse: collapse;
}
tr {
display:flex;
flex-wrap:wrap;
}
table{
  border: 1px solid #CFCFCF;
  margin: 0;
}

td:first-child{
  box-sizing: border-box;
padding: 3px;
  width: 120px;
  border-right: 1px solid #CFCFCF;
  border-bottom: 1px solid #CFCFCF;
}
th {
  box-sizing: border-box;
  padding: 3px 0 3px 10px;
  width: 250px;
  text-align: left;
  border-bottom: 1px solid #CFCFCF;
  font-weight: 400;
}
table , td, th{
  background: #fff;
}

@media screen and (max-width: 767px) {
  .flex{
    display: block;
  }
  .pc_only{
    display: none;
  }
  table{
    margin: 0 auto;
  }
  td:first-child {
    width: 35%;
  }
  tr {
    flex-wrap: nowrap;
  }
  td, th{
    font-size: 1.2rem;
  }
  figure {
    max-width: 260px;
    margin: 3% auto 6% auto;
  }
  tr:last-of-type th{
    border: 0;
  }
  tr:last-of-type td{
    border-bottom: 0;
  }
}




  #sec01{
    position: relative;
    text-align: center;
  }
  #sec01 h2{
    margin: 80px 0 40px 0;
    text-align: center;
  }
  #sec01 h2 img{
    max-width:190px;
  }
  #sec01 h2 span{
    display: block;
    padding: 5px 0 0 0;
  }
  #sec01 h3{
    color:#ef826b;
    font-size: 2.2rem;
    padding: 0 0 10px 0;
  }
  #sec01 p{
    line-height: 2;
    margin: 20px 0 20px 0;
  }
  #sec01 p:nth-of-type(1){
    margin: 0px 0 30px 0;
  }

 
  @media screen and (max-width: 767px) {
    #sec01 h2 {
      margin: 16% 0 8% 0;
    }
    #sec01 h2 img{
      width: 45%;
    }
    #sec01 p{
      padding: 0 4%;
    }
    #sec01 h3{
      font-size: 1.8rem;
    }
  }








  #sec02{
    text-align: center;
    margin: 100px 0 0 0;
    position: relative;
  }
  #sec02 h3{
    font-size: 2.0rem;
    font-weight: 400;
  }
  #sec02 h3 .small{
    font-size: 1.3rem;
  }
  #sec02 h3 .sub{
    font-size: 1.4rem;
  }
  #sec02 span{
    display: block;
  }
  #sec02 figure img{
    width: 100%;
  }
  #sec02 .item{
    width: 44%;
  }
  #sec02 p{
    margin: 20px 0 40px 0;
  }
  #sec02 .back{
    top: -14%;
    }
  @media screen and (max-width: 767px) {
    #sec02 .item{
      width: 90%;
      margin: 0 auto;
    }
    #sec02 .item:nth-of-type(2) {
      margin: 16% auto 4% auto;
    }
    #sec02 .back {
      top: 5%;
    }
    #sec02 .back2 {
      top: 55%;
    }
  }




    #sec03{
      text-align: center;
      margin: 100px 0 0 0;
      position: relative;
    }
    #sec03 h3{
      font-size: 2.0rem;
      font-weight: 400;
    }
    #sec03 h3 .small{
      font-size: 1.3rem;
    }
    #sec03 h3 .sub{
      font-size: 1.4rem;
    }
    #sec03 span{
      display: block;
    }
    #sec03 .item,
    #sec03 table{
      margin: 0 auto;
    }
    #sec03 figure img{
      width: 100%;
    }
    #sec03 .item{
      width: 44%;
    }
    #sec03 p{
      margin: 20px 0 40px 0;
    }
    #sec03 .back{
      top: 3%;
      }
      @media screen and (max-width: 767px) {
        #sec03 .item {
          width: 90%;
        }
        #sec03 .back{
          top: 16%;
          }
      }

  

      #sec04{
        text-align: center;
        margin: 100px 0 0 0;
        position: relative;
      }
      #sec04 h3{
        font-size: 2.0rem;
        font-weight: 400;
      }
      #sec04 h3 .small{
        font-size: 1.3rem;
      }
      #sec04 h3 .sub{
        font-size: 1.4rem;
      }
      #sec04 span{
        display: block;
      }
      #sec04 figure img{
        width: 100%;
      }
      #sec04 .item{
        width: 44%;
      }
      #sec04 p{
        margin: 20px 0 40px 0;
      }
      #sec04 .flex{
        margin: 0 0 60px 0;
      }
      @media screen and (max-width: 767px) {
        #sec04 .item {
          width: 90%;
          margin: 0 auto;
        }
        #sec04 .item:nth-of-type(2) {
          margin: 16% auto 4% auto;
        }
        #sec04 .back {
          top: 9%;
        }
        #sec04 .back2 {
          top: 60%;
        }
      }
    


      #sec05{
        text-align: center;
      }
      #sec05 p a{
        text-decoration: underline;
      }

      #sec05 .btn a{
        padding: 12px 50px;
      }
      @media screen and (max-width: 767px) {
        #sec05 .btn a {
          padding: 4% 10%;
        }

      }











@media screen and (max-width: 767px) {

}