@charset "utf-8";

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

 #lp #sec1 .cont-bf {
  background-size: 100rem auto;
 }

 #lp #sec2 .cont,
 #lp #sec3 .cont,
 #lp #sec5 .cont,
 #lp #sec6 .cont {
  width: 90%;
 }

 #lp #sec2 h2,
 #lp #sec3 h2,
 #lp #sec5 h2 {
  padding-top: 5rem;
  margin-bottom: 3rem;
 }

 #lp #sec2 h2 .sp_br {
  display: block;
 }

 #lp #sec2 ul,
 #lp #sec3 .ul-lb ul {
  /* flex-flow: column; */
  flex-wrap: wrap;
 }


 #lp #sec2 li.rel-menu {
  flex: 1 0 50%;
  margin-bottom: 2%;
 }

 #lp #sec2 li.rel-menu div {
  width: 98%;
 }

 #lp #sec2 li:nth-of-type(2).rel-menu div {
  margin-left: 2%;
 }

 #lp #sec2 li:nth-of-type(3).rel-menu div {
  width: 49%;
  margin: 0 auto;
 }

 #lp #sec2 img.ill01 {
  height: 14rem;
  top: -13rem;
  right: 0rem;
 }

 #lp #sec3 .ulb {
  display: block;
 }

 #lp #sec3 .ul-lb,
 #lp #sec3 .ul-rb {
  width: 100%;
 }

 #lp #sec3 .ul-lb li.rel-menu {
  width: 49%;
  height: auto;
  padding: 0;
  margin-bottom: 2%;
 }

 #lp #sec3 .ul-rb ul {
  display: block;
 }

 #lp #sec3 li.rel-menu {
  width: 100%;
  height: auto;
  padding: 0;
 }

 #lp #sec3 li.rel-menu h3 .sp_br {
  display: none;
 }

 #lp #sec3 .ul-rb li.rel-menu p {
  width: 56%;
  margin-bottom: 0;
 }

 #lp #sec3 img.ill02 {
  /* display: none; */
  /* height: 20rem;
  top: -19rem; */
 }

 #lp #sec3 img.ill02-2 {
  /* display: block; */
  height: 20rem;
  bottom: -3rem;
  left: -1rem;
 }

 #lp #sec5 .cont {
  padding-bottom: 10rem;
 }

 #lp #sec6 h2 {
  font-size: 3.2rem;
 }

 #lp #sec6 h2 .sp_br {
  display: block;
 }

 #lp #sec7 {
  padding: 20rem 0 8rem;
 }

 footer .infomation {
  width: 90%;
 }
}



@media screen and (max-width: 740px) {
 #lp #sec1 .line {
  width: 40rem;
 }

 #lp #sec1 .cont-bf {
  height: 54rem;
  background-size: 80rem auto;
 }

 #lp #sec1 .co {
  width: 40rem;
 }

 #lp #sec2 ul,
 #lp #sec3 .ul-lb ul {
  flex-flow: column;
  flex-wrap: inherit;
 }

 #lp #sec2 li.rel-menu,
 #lp #sec3 .ul-lb li.rel-menu {
  width: 100%;
 }

 #lp #sec2 li.rel-menu,
 #lp #sec3 .ul-lb li.rel-menu {
  margin-bottom: 2rem;
 }

 #lp #sec2 h2 .sp_br2 {
  display: block;
 }

 #lp #sec2 li:nth-of-type(2).rel-menu div {
  margin-left: 0;
 }

 #lp #sec2 li:nth-of-type(3).rel-menu div {
  width: auto;
 }

 #lp #sec2 img.ill01 {
  /* height: 16rem;
  top: -37rem; */
 }

 #lp #sec3 h2 .sp_br {
  display: block;
 }

 #lp #sec3 .ul-rb li.rel-menu p {
  width: 80%;
 }

 #lp #sec3 img.ill02 {
  height: 14rem;
  top: -13.5rem;
  left: 0rem;
 }

 #lp #sec3 img.ill02-2 {
  display: none;
 }

 #lp .sec .cont.form {
  width: 45rem;
 }

 #lp #sec5 .cont ul {
  justify-content: center;
  flex-flow: column;
 }

 #lp #sec5 li.flow,
 #lp #sec5 li.flow.arrow {
  text-align: center;
  width: 100%;
 }

 #lp #sec5 li.flow.arrow img {
  padding: 2rem 0;
  transform: rotate(90deg)
 }

 #lp #sec5 li.flow div {
  width: 20rem;
  margin: 0 auto;
 }

 #lp .sec .cont.form h2 .sp_br {
  display: block;
 }

 #lp .sec .cont.form li.btn {
  width: 90%;
 }

 #lp .sec .cont.form li.btn a {
  font-size: 2.8rem;
 }

 #lp .sec .cont.form li.btn img.arrow {
  width: 3.2rem;
  right: 3rem;
 }

 #lp #sec6 .cont {
  padding: 4rem 3rem;
 }

 #lp #sec6 h3 {
  font-size: 1.8rem;
 }

 #lp #sec6 .reference {
  font-size: 1.4rem;
 }

 #lp #sec6 .cont.form li.btn {
  width: 100%;
 }

 #lp #sec7 .cont {
  width: 90%;
  margin: 0 auto;
 }

 #lp #sec7 h2 .sp_br {
  display: none;
 }

 #lp #sec7 ul {
  flex-flow: column;
 }

 #lp #sec7 ul li.left,
 #lp #sec7 ul li.right {
  text-align: center;
  width: 100%;
  margin: 0 0 3rem;
 }

 #lp #sec7 ul li img {
  width: 30rem;
 }
}