/* CSS Document */
/* add
------------------------------------------------------------*/
.img-column01,.img-column02 {display:flex;}

.img-column01 {align-items: center;}
.img-column02 {align-items: stretch;}

.img-column01 .img-area ,
.img-column02 .img-area {width:520px;}

.img-column01 .txt-area {
  width:490px;
  padding:20px 0 20px 30px;
}
.img-column01 .txt-area .heading-lv09 {
  padding-bottom:20px;
}

.img-column02 .txt-area {
  width:490px;
  padding:20px 40px 20px 0;
}

.anchor {
  display:flex;
  justify-content:center;
}
.anchor > li {
  padding:0 15px;
}

h3.test-hl {
  font-size:1.6rem;
  line-height:2.8rem;
  margin-bottom:1rem;
}
h3.test-hl > span {
  color:#33959f;
  font-size:2.8rem;
}

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

.img-column01,.img-column02 {
  display:inline-block;
}

.img-column01 .img-area ,
.img-column02 .img-area {
  width:100%;
  margin-bottom:1rem;
}
.img-column01 .txt-area {
  width:100%;
  padding:0;
}
.img-column01 .txt-area .heading-lv09 {
  padding-bottom:1rem;
}

.img-column02 .txt-area {
  width:100%;
  padding:1rem 0;
}

.pc {display:none;}

}