@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


@media screen and (min-width: 481px){

.about .img_about{
width:100%;
margin-top:20px;
}

.about .img_about img{
width:32.7%;
display:block;
float:left;
margin-left:0.6%;
}


.about .img_about img:nth-of-type(4n+1){
margin-left:0;
}

section.readText .section_inner{
  padding-top:90px;
  padding-bottom:90px;
}

section.readText .section_inner .text{
  width:100%;
}

section.readText .section_inner .text h3{
display:block;
width:100%;
}



section.readText p{
  font-size:16px;
  line-height:1.9;
  font-weight:300;
}

.about section .text{
  width:63%;
}

.about section .img{
  width:35%;
}


.about #footer .attention{
display:none;
}

.about #footer .attention.about{
display:block;
}

}

/*----------------------------------------
	for SP
----------------------------------------*/

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

  .about .img_about{
  width:100%;
  margin-top:20px;
  }

  .about .img_about img{
  width:32.7%;
  display:block;
  float:left;
  margin-left:0.6%;
  }


  .about .img_about img:nth-of-type(4n+1){
  margin-left:0;
  }

  section.readText .section_inner{
    padding:15% 0;
  }

  section.readText .section_inner .text{
    width:100%;
  }

  section.readText .section_inner .text h3{
  display:block;
  width:100%;
  }



  section.readText p{
    font-size:13px;
    line-height:1.9;
    font-weight:300;
  }

  section.readText p br{
    display:none;
  }




  .about #footer .attention{
  display:none;
  }

  .about #footer .attention.about{
  display:block;
  }

}