@charset "utf-8";

/*================================================
      OPERATION
================================================*/
/*---------------------------------
    common
---------------------------------*/
/* @@ title @@ */
.ttl_block {
  margin-bottom: 9.5rem;
}

.ttl_block .container .page_ttl:after {
  background-image: url(../image/mv.jpg);
}

.sub_sec {
  position: relative;
}

.sub_sec:after {
  position: absolute;
  content: "";
  z-index: 1;
}

.sub_sec .txt_box {
  position: relative;
  width: 62.5%;
  z-index: 3;
}

.sub_sec .txt_box .inner {
  padding: 7rem 6.5rem;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
}

.sub_sec .img_box {
  position: absolute;
  z-index: 2;
}

.sub_sec .chk_box li {
  padding-left: 1.5em;
  line-height: 1.875;
  background: url(../image/icon_check.png) no-repeat top .475em left / auto 1em;
}
/* @@ laptop(1199px~) @@ */
@media screen and (max-width : 1199px) {
  .sub_sec .txt_box .inner {
    padding: 6.5rem 5rem;
  }
}

/* @@ tablet(991px~) @@ */
@media (min-width : 768px) and (max-width : 991px) {
  .ttl_block {
    margin-bottom: 7.5rem;
  }

  .sub_sec:after {
    display: none;
  }
  .h_ttl02 .ttl_ja{
    line-height: 1.2;
  }
  .sub_sec 
}

/* @@ phablet(767px~) @@ */
@media screen and (max-width : 767px) {
  .ttl_block {
    margin-bottom: 4.5rem;
  }

  .sub_sec:after {
    display: none;
  }

  .sub_sec .img_box {
    position: relative;
    padding-top: 40%;
    margin-bottom: 2rem;
  }

  .sub_sec .img_box img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .sub_sec .txt_box .inner {
    padding: 0 2.5rem;
    box-shadow: none;
  }
}

/* @@ smartphone(575px~) @@ */
@media screen and (max-width : 575px) {
  .sub_sec .txt_box .inner{
    padding: 0 1.5rem;
  }
}

/*---------------------------------
    s_01 (sec_owner)
---------------------------------*/
.sec_owner .txt_box {
  padding: 9.5rem 0 28rem;
  margin-right: auto;
}

.sec_owner .img_box {
  right: 0;
  width: 53.5%;
  top: 0;
  bottom: 14rem;
}

.sec_owner:after {
  top: 19rem;
  bottom: 0;
  left: 0;
  background: #218d3f;

}
/* @@ pc_only @@ */
@media screen and (min-width : 992px) {
  .sec_owner[animate-type="animate_02"]:after{
    transition-property:width;
    transition-duration:.4s;
    transition-timing-function:linear;
    width:0%;
  }

  .sec_owner[animate-type="animate_02"] .img_box{
    transition-property:opacity;
    transition-duration:.6s;
    transition-timing-function:ease-in;
    transition-delay:.4s;
    opacity:0;
  }
  .sec_owner[animate-type="animate_02"] .txt_box .inner{
    transition-property:opacity , transform;
    transition-duration:.6s;
    transition-timing-function:ease-in,linear;
    transition-delay:.7s;
    transform:translateY(25%);
    opacity:0;
  }
  .sec_owner[animate-scroll="true"][animate-type="animate_02"]:after{
    width:72.5%;
  }
  .sec_owner[animate-scroll="true"][animate-type="animate_02"] .img_box{
    opacity:1;
  }
  .sec_owner[animate-scroll="true"][animate-type="animate_02"] .txt_box .inner{
    transform:translateY(0%);
    opacity:1;
  }
}
/* @@ tablet(991px~) @@ */
@media (min-width : 768px) and (max-width : 991px) {
  .sec_owner .container {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
  }

  .sec_owner .container:after {
    position: absolute;
    content: "";
    width: 80%;
    height: 84%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #218d3f;
  }

  .sec_owner .img_box {
    position: relative;
    left: 0;
    top: 0;
    width: 80%;
    margin-bottom: 10%;
  }

  .sec_owner .txt_box {
    padding: 0;
    width: 80%;
    margin-left: -20%;
    margin-top: 10%;
  }
  /* @@ Animate @@ */
  .sec_owner[animate-type="animate_02"] .container:after,
  .sec_owner[animate-type="animate_02"] .img_box,
  .sec_owner[animate-type="animate_02"] .txt_box{
    transition-property:opacity,transform;
    transition-duration:.6s;
    transition-timing-function:ease-in,linear;
    opacity:0;
  }

  .sec_owner[animate-type="animate_02"] .container:after{
    transform:scaleX(0);
  }

  .sec_owner[animate-type="animate_02"] .img_box{
    transition-delay:.3s;
    transform:translateX(-5rem);
  }

  .sec_owner[animate-type="animate_02"] .txt_box{
    transition-delay:.6s;
    transform:translateX(5rem);
  }

  .sec_owner[animate-scroll="true"][animate-type="animate_02"] .container:after{
    opacity:1;
    transform:scaleX(1);
  }
  .sec_owner[animate-scroll="true"][animate-type="animate_02"] .img_box,
  .sec_owner[animate-scroll="true"][animate-type="animate_02"] .txt_box{
    opacity:1;
    transform:translateX(0);
  }
}

/* @@ phablet(767px~) @@ */
@media screen and (max-width : 767px) {
  .sec_owner .img_box {
    width: 100%;
  }

  .sec_owner .txt_box {
    padding: 0;
    width: 100%;
  }
  .sec_owner[animate-type="animate_02"]{
    transition-property:opacity,transform;
    transition-duration:.6s;
    transition-timing-function:ease-in,linear;
    opacity:0;
    transform:translateY(5rem);
  }
  .sec_owner[animate-scroll="true"][animate-type="animate_02"]{
    opacity:1;
    transform:translateY(0);
  }
}

/*---------------------------------
    s_02 (sec_realtor)
---------------------------------*/
.sec_realtor {
  margin-top: -4.5rem;
}

.sec_realtor .container {
  position: relative;
}

.sec_realtor .txt_box {
  padding: 9.5rem 0 24rem;
  margin-left: auto;
}

.sec_realtor .img_box {
  top: 0;
  bottom: 10rem;
  width: 50vw;
  right: 35%;
}

.sec_realtor:after {
  top: 14.5rem;
  bottom: 0;
  right: 0;
  background: #f0faf2;
  transition-property:width;
  transition-duration:.4s;
  transition-timing-function:linear;
}
/* @@ pc_only @@ */
@media screen and (min-width : 992px) {
  .sec_realtor[animate-type="animate_02"]:after{
    width:0;
  }
  .sec_realtor[animate-scroll="true"][animate-type="animate_02"]:after{
    width:50%;
  }
  .sec_realtor .img_box{
    transition-property:opacity;
    transition-duration:.6s;
    transition-timing-function:ease-in;
    transition-delay:.4s;
  }
  .sec_realtor[animate-type="animate_02"] .img_box{
    opacity:0;
  }
  .sec_realtor[animate-scroll="true"][animate-type="animate_02"] .img_box{
    opacity:1;
  }
  .sec_realtor .txt_box .inner{
    transition-property:opacity , transform;
    transition-duration:.6s;
    transition-timing-function:ease-in,linear;
    transition-delay:.7s;
  }
  .sec_realtor[animate-type="animate_02"] .txt_box .inner{
    transform:translateY(25%);
    opacity:0;
  }
  .sec_realtor[animate-scroll="true"][animate-type="animate_02"] .txt_box .inner{
    transform:translateY(0%);
    opacity:1;
  }
}
/* @@ laptop(1199px~) @@ */
@media screen and (max-width : 1199px) {
  .sec_realtor .img_box {
    width: 62.5%;
    right: initial;
    left: 0;
  }
}

/* @@ tablet(991px~) @@ */
@media (min-width : 768px) and (max-width : 991px) {
  .sec_realtor {
    margin-top: 4.5rem;
  }

  .sec_realtor .container {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row-reverse;
  }

  .sec_realtor .container:after {
    position: absolute;
    content: "";
    width: 80%;
    height: 84%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #218d3f;
  }

  .sec_realtor .img_box {
    position: relative;
    left: 0;
    top: 0;
    width: 80%;
    margin-bottom: 10%;
    margin-left: -20%;
  }

  .sec_realtor .txt_box {
    padding: 0;
    width: 80%;
    margin-top: 10%;
  }

  /* @@ Animate @@ */
  .sec_realtor[animate-type="animate_02"] .container:after,
  .sec_realtor[animate-type="animate_02"] .img_box,
  .sec_realtor[animate-type="animate_02"] .txt_box{
    transition-property:opacity,transform;
    transition-duration:.6s;
    transition-timing-function:ease-in,linear;
    opacity:0;
  }

  .sec_realtor[animate-type="animate_02"] .container:after{
    transform:scaleX(0);
  }

  .sec_realtor[animate-type="animate_02"] .img_box{
    transition-delay:.3s;
    transform:translateX(5rem);
  }

  .sec_realtor[animate-type="animate_02"] .txt_box{
    transition-delay:.6s;
    transform:translateX(-5rem);
  }

  .sec_realtor[animate-scroll="true"][animate-type="animate_02"] .container:after{
    opacity:1;
    transform:scaleX(1);
  }
  .sec_realtor[animate-scroll="true"][animate-type="animate_02"] .img_box,
  .sec_realtor[animate-scroll="true"][animate-type="animate_02"] .txt_box{
    opacity:1;
    transform:translateX(0);
  }
}
/* @@ phablet(767px~) @@ */
@media screen and (max-width : 767px) {
  .sec_realtor {
    margin-top: 4.5rem;
  }

  .sec_realtor .img_box {
    width: 100%;
  }

  .sec_realtor .txt_box {
    padding: 0;
    width: 100%;
  }
  .sec_realtor[animate-type="animate_02"]{
    transition-property:opacity,transform;
    transition-duration:.6s;
    transition-timing-function:ease-in,linear;
    opacity:0;
    transform:translateY(5rem);
  }
  .sec_realtor[animate-scroll="true"][animate-type="animate_02"]{
    opacity:1;
    transform:translateY(0);
  }
}


/*---------------------------------
    s_03 (sec_prof)
---------------------------------*/
.sec_prof {
  margin-bottom: 7rem;
  overflow: hidden;
  padding-bottom: 3rem;
}

.sec_prof:after {
  display: none;
}

.sec_prof .txt_box {
  padding: 14.5rem 0 20rem;
  margin-right: auto;
}

.sec_prof .img_box {
  right: 0;
  width: 53.5%;
  top: 0;
  bottom: 10rem;
}

.sec_prof .container {
  position: relative;
}

.sec_prof .container:after {
  position: absolute;
  content: "";
  left: 15rem;
  top: 4.5rem;
  bottom: 0;
  background: #218d3f;
  transition-property:width;
  transition-duration:.4s;
  transition-timing-function:linear;
}
/* @@ pc_only @@ */
@media screen and (min-width : 992px) {
  .sec_prof[animate-type="animate_02"] .container:after{
    width:0;
  }
  .sec_prof[animate-scroll="true"][animate-type="animate_02"] .container:after{
    width: 100%;
  }
  .sec_prof .img_box{
    transition-property:opacity;
    transition-duration:.6s;
    transition-timing-function:ease-in;
    transition-delay:.4s;
  }
  .sec_prof[animate-type="animate_02"] .img_box{
    opacity:0;
  }
  .sec_prof[animate-scroll="true"][animate-type="animate_02"] .img_box{
    opacity:1;
  }
  .sec_prof .txt_box .inner{
    transition-property:opacity , transform;
    transition-duration:.6s;
    transition-timing-function:ease-in,linear;
    transition-delay:.7s;
  }
  .sec_prof[animate-type="animate_02"] .txt_box .inner{
    transform:translateY(25%);
    opacity:0;
  }
  .sec_prof[animate-scroll="true"][animate-type="animate_02"] .txt_box .inner{
    transform:translateY(0%);
    opacity:1;
  }
}
/* @@ tablet(991px~) @@ */
@media (min-width : 768px) and (max-width : 991px) {
  .sec_prof {
    margin-top: 4.5rem;
    margin-bottom: 3rem;
  }

  .sec_prof .container {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
  }

  .sec_prof .container:after {
    position: absolute;
    content: "";
    width: 80%;
    height: 84%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #218d3f;
  }

  .sec_prof .img_box {
    position: relative;
    left: 0;
    top: 0;
    width: 80%;
    margin-bottom: 10%;
  }

  .sec_prof .txt_box {
    padding: 0;
    width: 80%;
    margin-top: 10%;
    margin-left: -20%;
  }
  
  /* @@ Animate @@ */
  .sec_prof[animate-type="animate_02"] .container:after,
  .sec_prof[animate-type="animate_02"] .img_box,
  .sec_prof[animate-type="animate_02"] .txt_box{
    transition-property:opacity,transform;
    transition-duration:.6s;
    transition-timing-function:ease-in,linear;
    opacity:0;
  }

  .sec_prof[animate-type="animate_02"] .container:after{
    transform:scaleX(0);
  }

  .sec_prof[animate-type="animate_02"] .img_box{
    transition-delay:.3s;
    transform:translateX(-5rem);
  }

  .sec_prof[animate-type="animate_02"] .txt_box{
    transition-delay:.6s;
    transform:translateX(5rem);
  }

  .sec_prof[animate-scroll="true"][animate-type="animate_02"] .container:after{
    opacity:1;
    transform:scaleX(1);
  }

  .sec_prof[animate-scroll="true"][animate-type="animate_02"] .img_box,
  .sec_prof[animate-scroll="true"][animate-type="animate_02"] .txt_box{
    opacity:1;
    transform:translateX(0);
  }

}

/* @@ phablet(767px~) @@ */
@media screen and (max-width : 767px) {
  .sec_prof .container:after {
    display: none;
  }

  .sec_prof {
    margin-top: 4.5rem;
    padding-bottom: 0;
    margin-bottom: 4.5rem;
  }

  .sec_prof .img_box {
    width: 100%;
  }

  .sec_prof .txt_box {
    padding: 0;
    width: 100%;
  }
  .sec_prof[animate-type="animate_02"]{
    transition-property:opacity,transform;
    transition-duration:.6s;
    transition-timing-function:ease-in,linear;
    opacity:0;
    transform:translateY(5rem);
  }
  .sec_prof[animate-scroll="true"][animate-type="animate_02"]{
    opacity:1;
    transform:translateY(0);
  }
}

/*---------------------------------
    s_04 (sec_summary)
---------------------------------*/
.sec_summary {
  margin-bottom: 7rem;
  text-align:center;
  line-height:1;
}
.sec_summary .txt_l{
  font-size: 3rem;
  font-weight: 500;
  margin-bottom:.75em;
  padding-left: 1em;
}
.sec_summary .txt_s{
  font-weight: 500;
  color: #086c25;
}
/* @@ tablet(991px~) @@ */
@media screen and (max-width : 991px) {
  .sec_summary {
    margin-bottom: 5rem;
  }
  .sec_summary .txt_l{
    font-size:2.6rem;
  }
}
/* @@ phablet(767px~) @@ */
@media screen and (max-width : 767px) {
  .sec_summary {
    margin-bottom: 4.5rem;
  }
  .sec_summary .txt_l{
    font-size:2rem;
  }
}
/*---------------------------------
    s_05 (sec_inq)
---------------------------------*/
.sec_inq {
  padding: 10rem 0;
  background: #f0faf2;
}

.sec_inq .ttl_box {
  text-align: center;
  margin-bottom: 2em;
}

.sec_inq .ttl_box .ttl_en {
  font-size: 6rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #218d3f;
  margin-bottom: .3em;
  line-height: 1;
}

.sec_inq .ttl_box .ttl_ja {
  line-height: 1;
}

/* @@ tablet(991px~) @@ */
@media screen and (max-width : 991px) {
  .sec_inq {
    padding: 6rem 0;
  }

  .sec_inq .ttl_box .ttl_en {
    font-size: 4.2rem;
  }
}

/* @@ phablet(767px~) @@ */
@media screen and (max-width : 767px) {
  .sec_inq {
    padding: 4.5rem 0;
  }

  .sec_inq .ttl_box .ttl_en {
    font-size: 3.4rem;
  }
}