body{
    background : #F5FBFE;
    line-height: 0;
    }

  #wrapper{
    position: relative;
    background: #ffffff;
    text-align: center;
    max-width: 100%;
    width: 1000px;
    margin: 0 auto;
    margin-top: 0px;
    -webkit-box-shadow: 0px 3px 3px #555555;
    -moz-box-shadow: 0px 3px 3px #555555;
    box-shadow: 0px 3px 3px #555555;
  }

  header #site_name {
    color: #E9546A;
    padding: 4px;
    margin-bottom: 4px;
  }

  #header_logo {
    width: 380px;
    max-width: 70%;
    margin-bottom: 1.7rem;
  }

  header h1 {
    color: #E9546A;
    padding: 4px;
    margin-bottom: 4px;
  }

.main{
}

.title{
  font-size: 1.5rem;
  color: #E9546A;
  margin-bottom: 0.5rem;}

.main_title{
  max-width: 100%;
  width: 700px;
  margin-bottom: 10px;
}

  .heading {
     margin: 20px 0px 20px;
     }

  .heading h2{
     font-size: 1.5rem;
     font-weight: bold;
    }

  h3{
    font-size: 1.2rem;
    }

.inner{
  text-align: left;
  display: inline-block;
  max-width: 95%;
  width: 900px;
}

  .article_img{
    float : left ;
    width: auto;
    max-width: 15%;
    width: 75px;
    margin: 0.5rem 1rem 0.5rem 0.5rem;
  }

  article{
    width: auto;
    padding: 0.0rem 1.0rem 0.0rem 0.0rem;
    border-bottom:2px dashed #FFF33F;
  }

  label{
    display: block;
    padding: 1.7rem 0.0rem 1.5rem 0.0rem;
    position: static;
    font-weight: bold;
    font-size: 1.5rem;
  }

.detail{
  position: relative;
  overflow: hidden;
}

  section{
    background : #ffffff;
    border:3px solid #FFF33F;
  }

  .text{
    margin-bottom:1.5rem;
}

h4{
  font-size: 1.0rem;}

  h5{
    font-size: 1.0rem;}

  input {
    opacity: 0;
    display:block;
    position: absolute;
  }

  article:after{
    display: block;
    content: "";
    clear: both;
  }

  .regi-button{
    max-width: 85%;
    width: 500px;
    margin:20px;
  }

  .clearfix {
     border : none ; 
    }


  @media screen and (max-width: 680px){
    .title{font-size : 1.1rem;}
    header h1 {font-size : 0.8rem;}
    .heading h2{font-size : 1.2rem}
    label{font-size : 1.05rem}
    h3{font-size : 1.0rem}
    h4{font-size : 1.0rem}
    h5{font-size : 0.8rem}

    .head-logo{
      max-width: 55%;
      margin-bottom: 0.8rem;
    }

    .main_title{
      margin-bottom: 0.5rem;
    }

    article{
      padding: 0.0rem 0.5rem 0.0rem 0.0rem;
    }

    .text{
      max-height: 0;
      overflow: hidden;
      transition: 0.5s ease-out;
      margin-bottom:0.5rem;
    }
  
    label{
      cursor: pointer;
      padding: 0.5rem 0.0rem 0.0rem 0.0rem;
    }

    .copy{margin:14px 0.0px 11px 0.0px;}

    input:checked ~ .text{
      max-height: 20em;
    }

  }