@charset "UTF-8";

.container{
  width: 1012px;
  height: 660px;
  margin: 0 auto;
  background-color: #fff;
  padding: 30px;
  box-sizing: border-box;
}
.center{
  text-align: center;
}
.textarea{
  line-height: 1.6;
  font-size: 16px;
}
.main{
  margin-top: 30px;
}
.cont_title {
    padding-bottom: 20px;
    border-bottom: solid 1px #333;
    margin-bottom: 20px;
}
.hd03{
  font-size: 32px;
}
.subtitle{
  font-size: 19px;
  margin-top: 17px;
  line-height: 1.5;
}
.caption{
  font-size: 12px;
}
#fadeLoop{
   position:relative;
   height: 420px;
}
#fadeLoop li{
   position:absolute;
   top:0px;
   right:0px;
   bottom:0px;
   left:0px;
   margin:auto auto;
   display: none;
}
#fadeLoop li:first-child{
   display: block;
}
#fadeLoop li img{
   position:absolute;
   top:0px;
   right:0px;
   left:0px;
   margin:auto auto;
   max-width: 850px;
   height: auto;
}
.bd0{border: none;}
.bd0{margin-bottom: 0;}

@media screen and (max-width: 640px) {
  .container{
    width: 100%;
    height: auto;
    margin: 0 auto 70px;
    background-color: #fff;
    padding: 30px;
    box-sizing: border-box;
  }
  .main{
    margin-top: 4%;
  }
  .textarea.typeBottom{
    margin-top: 7%;
    text-align: left;
  }
  #fadeLoop{
     height: 43vw;
  }
  #fadeLoop li img{
     position:absolute;
     top:0px;
     right:0px;
     left:0px;
     margin:auto auto;
     width: 100%;
     height: auto;
  }
  .hd03{
    text-align: left;
    line-height: 1.3;
  }

}