@charset "UTF-8";
/*! インデクッス */
.cl, article {
  display: inline-block;
  min-height: 1%;
  display: block;
  *zoom: 1;
}
.cl:after, article:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
* html .cl, * html article {
  height: 1%;
}
* html .cl, * html #aboutHead {
  height: 1%;
}


#aboutHead p img{
  margin-bottom: 20px;
}
/*----------------------------------
aboutHead
----------------------------------*/
#aboutHead dl {
  width: 660px;
  float: left;
}
#aboutHead dt {
  margin-bottom: 10px;
  font-size: 114.28571%;
  font-weight: bold;
}
#aboutHead p {
  margin-top: 15px;
}
#aboutHead img {
  float: right;
}

.tx16 {
  font-size:108% !important;
  font-weight: bold !important;
}
.tx18 {
  font-size:138.5% !important;
  font-weight: bold !important;
}

@media only screen and (max-width: 640px) {
  #aboutHead {
    text-align: center;
  }
  #aboutHead dl {
    width: 100%;
    float: none;
    text-align: left;
  }
  #aboutHead dt {
    margin-bottom: 0;
    font-size: 100%;
  }
  #aboutHead img {
    float: none;
    margin-top: 20px;
  }
}

/*----------------------------------
article
----------------------------------*/
article {
  padding: 20px 0;
  border-top: 1px dotted #ccc;
  letter-spacing: -.40em;
}
article img {
  max-width: 327px;
}
article:first-child {
  border-top: none;
}

.profile_img { float: right; }

@media only screen and (max-width: 640px) {
.profile_img{
  width: 100%;
 }
.profile_img img{
  width: 100% ;
  max-width: 100%;
 }   
}  

/*----------------------------------
aboutDetailText
----------------------------------*/
.aboutDetailText {
  width: 620px;
}
.aboutDetailText p {
  margin-top: 15px;
  padding-left: 50px;
}

#about01 {
  padding-top: 0;
  border-top: none;
}

#about01 .aboutDetailText, #about03 .aboutDetailText, #about05 .aboutDetailText {
  float: left;
}
#about01 img, #about03 img, #about05 img {
  float: right;
}

#about02 .aboutDetailText, #about04 .aboutDetailText {
  float: right;
}
#about02 img, #about04 img {
  float: left;
}

#about01 .aboutDetailText, #about02 .aboutDetailText, #about04 .aboutDetailText {
  margin-top: 30px;
}

#about03 .aboutDetailText, #about05 .aboutDetailText {
  margin-top: 20px;
}

@media only screen and (max-width: 640px) {
  section {
    margin-top: 30px;
  }

  article {
    padding: 30px 0 40px;
  } 

  article:last-child {
    padding-bottom: 0;
  }

  .aboutDetailText {
    width: 100%;
  }

  #about01 .aboutDetailText, #about03 .aboutDetailText, #about05 .aboutDetailText {
    float: none;
  }
  #about01 img, #about03 img, #about05 img {
    float: none;
    max-width: 100%;
    margin-top: 20px;
  }

  #about02 .aboutDetailText, #about04 .aboutDetailText {
    float: none;
  }
  #about02 img, #about04 img {
    float: none;
    max-width: 100%;
    margin-top: 20px;
  }

  #about01 .aboutDetailText, #about02 .aboutDetailText, #about04 .aboutDetailText {
    margin-top: 0;
  }

  #about03 .aboutDetailText, #about05 .aboutDetailText {
    margin-top: 0;
  }
}