@charset "utf-8";

.num01 .link a {
  color: #6a7d92;
  text-decoration: none;
  word-wrap: break-word;
}
.left04 {
	width: 220px;
  float: left;
}
.right04 {
	float: left;
  height: 100px;
  margin-left: 20px;
  padding-top: 50px;
}

.koeBox{
  font-size: 13px;
}
.koeBox b{
  color: #4e6989;
  font-size: 10px;
}

@media only screen and (max-width:640px) {
  .left04 {
    width: 220px;
    float: none;
    margin-left: 0px;
  }
  .right04 {
    float: none;
    height: 100px;
    margin-left: 0px;
    padding-top: 50px;
  }

  #mainContent .koeBox br{
    display: block;
  }

}

.right04 .list{
  padding-left: 20px;
  background: url(../imgs/150319/icon.png) no-repeat 0 50%;
}
.num03 .left{
  float: left;
  width: 60%;
}
.num03 .right{
  float: right;
  width: 35%;
  margin-left: 4%;
}
.num03 .right .image{
 max-width: 275px;
}
@media only screen and (max-width:640px) {
 .num03 .left{
  float: none;
  width: auto;
}
.num03 .right{
  float: none;
  width: auto;
  margin-left: 0px;
}
}
.num04 .block .left{
  float: left;
  width: 50%;
}
.num04 .block .right{
  float: left;
  width: 50%;
}
@media only screen and (max-width:640px) {
.num04 .block .left{
  float: none;
  width: auto;
  margin-bottom: 20px;
}
.num04 .block .right{
  float: none;
  width: auto;
  margin-left: 0px;
}
}
.num05 .left{
  float: left;
  width: 60%;
}
.num05 .right{
  float: right;
  width: 35%;
  margin-left: 4%;
}
@media only screen and (max-width:640px) {
 .num05 .left{
  float: none;
  width: auto;
}
.num05 .right{
  float: none;
  width: auto;
  margin-left: 0px;
}
}
.num06 .left{
  float: left;
  width: 35%;
  margin-right: 4%;
}
.num06 .right{
  float: right;
  width: 60%;
}
@media only screen and (max-width:640px) {
 .num06 .left{
  float: none;
  width: auto;
}
.num06 .right{
  float: none;
  width: auto;
  margin-left: 0px;
}
}
.num07 {
  padding-bottom: 40px;
  border-bottom: 1px solid #dddddd;
}
.num07 .left{
  float: left;
  width: 60%;
}
.num07 .right{
  float: right;
  width: 35%;
  margin-left: 4%;
}
@media only screen and (max-width:640px) {
 .num07 .left{
  float: none;
  width: auto;
}
.num07 .right{
  float: none;
  width: auto;
  margin-left: 0px;
}
}
.num08 .left{
  float: left;
  width: 35%;
  margin-right: 4%;
}
.num08 .right{
  float: right;
  width:60%;
}
@media only screen and (max-width:640px) {
 .num08 .left{
  float: none;
  width: auto;
}
.num08 .right{
  float: none;
  width: auto;
  margin-left: 0px;
}
}
.num09 .madori {
  margin: 0 auto 30px;
  width: 600px;
}
.num09 .block .left {
  float: left;
  width: 48%;
}
.num09 .block .right {
  float: right;
  width: 48%;
}
.num09 .block .right h5{
  font-size: 19px;
}
@media only screen and (max-width:640px) {
  .num09 .madori {
    width: 100%;
  }
  .num09 .block .left {
   float: none;
    width: auto;
  }
  .num09 .block .right {
    float: none;
    width: auto;
  }
}
.num10 .block .left {
  float: left;
  width: 48%;
}
.num10 .block .right {
  float: right;
  width: 48%;
}
.num10 .block .right h5{
  font-size: 19px;
}
@media only screen and (max-width:640px) {
 .num10  .block .left{
  float: none;
  width: auto;
}
.num10  .block .right{
  float: none;
  width: auto;
}
}
.num11 .left{
  float: left;
  width: 60%;
}
.num11 .right{
  float: right;
  width: 35%;
  margin-left: 4%;
}
.num11 .block .left {
  float: left;
  width: 48%;
}
.num11 .block .right {
  float: right;
  width: 48%;
}
.num11 .block .right h5{
  font-size: 19px;
}
@media only screen and (max-width:640px) {
  .num11  .block .left{
  float: none;
  width: auto;
}
.num11  .block .right{
  float: none;
  width: auto;
}
 .num11  .left{
  float: none;
  width: auto;
}
.num11  .right{
  float: none;
  width: auto;
}
}


.num12 {
  padding-bottom: 60px;
  border-bottom: 1px solid #dddddd;
}
.num12 .left{
  float: left;
  width: 60%;
}
.num12 .right{
  float: right;
  width: 35%;
  margin-left: 4%;
}
.num12 .block .left {
  float: left;
  width: 48%;
}
.num12 .block .right {
  float: right;
  width: 48%;
}
.num12 .block .right h5{
  font-size: 19px;
}

@media only screen and (max-width:640px) {
  .num12  .block .left{
  float: none;
  width: auto;
}
.num12  .block .right{
  float: none;
  width: auto;
}
 .num12  .left{
  float: none;
  width: auto;
}
.num12  .right{
  float: none;
  width: auto;
}
}


.num13 .left{
  float: left;
  width: 60%;
}
.num13 .right{
  float: right;
  width: 35%;
  margin-left: 4%;
}
.num13 .btn {
  margin-top: 30px;
  text-align: center;
}

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

 .num13  .left{
  float: none;
  width: auto;
}
 .num13  .left .txt{
  margin-bottom: 20px;
  }
.num13  .right{
  float: none;
  width: auto;
}
}