.eyecatch{
   float: left;
}
.eyecatch img{
   max-width: 300px;
   border-radius: 40px;
   margin: 0 50px 50px 0;
}
.txt{
   margin-left: 350px;
}
.contents::after {
   content: "";
   display: block;
   clear: both;
}
.name{
   font-size: 25px;
   margin-bottom: 20px;
}
.contents h2 {
   font-size: 20px;
   font-size: 2rem;
   line-height: 38px;
   border-bottom: dotted 4px #09C0E2;
   letter-spacing: 2px;
   font-weight: bold;
   padding-bottom: 13px;
   margin: 30px 0 23px;
}
.contents ul{
   padding-left: 25px;
}
.contents li{
   list-style: disc;
}
.contents li::marker {
   color: #09C0E2;
   font-weight: bold;
   font-style: italic;
}

@media screen and (max-width:900px){
   .eyecatch img {
      max-width: 200px;
      margin: 0 30px 30px 0;
   }
   .txt {
      margin-left: 30px;
   }
   .contents h2 {
      margin: 60px 0 23px;
   }
}

@media screen and (max-width:599px){
   .eyecatch {
       float: right;
   }
   .eyecatch img {
      max-width: 150px;
      margin: 0 0 20px 30px;
   }
   .txt {
      margin-left: 0;
   }
   .contents h2 {
      margin: 30px 0 23px;
   }
}